# Design Brief

> Turn a product or visual request into a concrete interface brief, content hierarchy, user journey, and acceptance checklist before implementing a Design Studio artifact.

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

---


# Design brief

Translate the request into an implementation brief without asking for approval
unless a genuinely blocking choice is missing.

1. Identify the primary user, their immediate goal, and the single most
   important action on the screen.
2. Extract required content and states: default, empty, loading, error, success,
   disabled, and destructive confirmation where relevant.
3. Choose a clear page hierarchy. Each region must earn its space; avoid a
   dashboard grid when a focused flow would work better.
4. Record constraints from the user or existing artifact. Preserve established
   brand language and useful structure during revisions.
5. Define observable acceptance checks for layout, interaction, responsiveness,
   accessibility, and delivery.

Prefer specific product copy over placeholder prose. Do not invent metrics,
customer quotes, legal claims, or functionality the brief did not request.