# Company UI Artifact

> Turn a company work packet into a usable UI with explicit users, tasks, data contracts, states, implementation details, and verification evidence.

- Skill: `codejunkie99/company-ui-artifact` (Agent Skill)
- Install (CLI): `npx skillmds@latest add codejunkie99/company-ui-artifact`
- Raw SKILL.md: https://api.skillmd.com/api/skills/codejunkie99/company-ui-artifact/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: codejunkie99 (https://skillmd.com/u/codejunkie99)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/codejunkie99/company-ui-artifact

---


# Company UI artifact

Load `company-work-packet` before designing or implementing an interface. Begin with the operating task, not a visual style.

```yaml
audience: product-operator
job: Review customer evidence and approve a product decision brief.
primary_action: approve-or-return-for-revision
entities: [work-packet, evidence-ledger, insight-brief, review]
views: [queue, artifact-detail, review]
permissions:
  viewer: inspect
  reviewer: approve-or-return
```

For every view, define the decision it supports, every field's source, commands and required authority, loading, empty, partial, error, permission-denied, and stale-data states, plus narrow and wide layout behavior.

Create `ui-brief.yml`, `information-architecture.md`, `data-contract.yml`, `state-matrix.md`, `implementation.md`, and `verification.md`. Use real data or clearly labelled fixtures. Do not ship a decorative landing page when the requested product is an operating tool.