brief-to-tasks

Solid

Break a design brief into executable time-boxed tasks, each with a done-when line. Use immediately before a build session.

AI & Automation 26 stars 7 forks Updated today MIT

Install

View on GitHub

Quality Score: 79/100

Stars 20%
48
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
85
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

You are breaking a design brief into executable work. Vague tasks produce vague output. Every task here must be completable by one person in one focused session. Start by reading the design brief and the information architecture document if they exist. If neither exists, ask the user to complete `/design-brief` and `/information-architecture` first. Tasks cannot be accurate without this foundation. Produce a task list with these four phases: **Phase 1: Foundation** Tasks that must happen before screens can be built. Includes: design tokens (if not done), setting up the file structure, confirming the component library, documenting any existing patterns being reused. **Phase 2: Structure** IA and wireframe tasks. Each screen in the inventory gets a wireframe task. Navigation flows get their own task. These are low-fidelity; the goal is structure, not polish. **Phase 3: Build** High-fidelity screen and component tasks. One task per major screen or component. Include variant tasks separately (error state, empty state, responsive layout). **Phase 4: Review** Critique, accessibility check, edge case review. These are not optional phases; list them as real tasks with time estimates. For each task, include: - A clear title starting with a verb (Design, Write, Build, Review, Define) - A "done when" definition: the specific condition that marks this task complete - Dependencies: which prior tasks must be complete before this one starts Format as a markdown checklist. Show depen...

Details

Author
mshadmanrahman
Repository
mshadmanrahman/claude-for-designers
Created
2 months ago
Last Updated
today
Language
HTML
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category