Design brief direction
Skill jukrap/ai-agent-playbook/skills/design/design-brief-direction
Use when turning a vague product, page, brand, or UI request into a design direction, visual language, constraints, and decision-ready brief before implementation.From its SKILL.md
npx -y skills add jukrap/ai-agent-playbook --skill design-brief-directionAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.4 KB, 245 tokens by cl100k_base, as published. Nobody here has run it
Design Brief Direction
Use this as the primary design skill before visual implementation when the product intent, audience, style direction, or acceptance target is not yet explicit.
Workflow
- Identify the product type, user job, audience expectations, brand posture, existing design assets, constraints, and implementation surface.
- Choose a coherent direction before choosing individual colors, fonts, effects, or components.
- Set style dials for visual variance, motion intensity, and information density so later implementation has a shared target.
- Name anti-patterns that would make this product look generic, off-brand, inaccessible, or hard to maintain.
- Produce a brief that can route into brand identity, reference analysis, design-system handoff, frontend polish, or visual QA.
Reference
Read references/design-direction-brief.md for the brief structure, decision points, and output contract.
Read references/style-dials-and-anti-patterns.md for style dial selection, taste guardrails, and visual anti-pattern checks.
Read references/product-type-decision-matrix.md when the product category should drive layout pattern, density, trust signals, typography posture, motion, and pre-delivery design checks.
What ships with it: 3 files
9.7 KB alongside SKILL.md