Brief To Tasks

Turns design briefs into ordered task lists where each item is a buildable vertical slice, not a phase or category. It reads your brief and existing codebase, figures out what components already exist, then outputs a markdown checklist organized by dependencies and risk. The ordering logic is smart: tokens before pages, hardest pieces first, visual priority early so you can validate direction before committing. Each task explicitly notes whether it reuses, modifies, or creates components. Useful when you have a spec and need to know what to build first, or when you want to avoid the usual mistake of splitting work horizontally into structure, style, and behavior phases.

skills.sh installs: 5.3K
GitHub stars: 601
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add julianoczkowski/designer-skills --skill brief-to-tasks --agent claude-code

Installs into .claude/skills of the current project.

Files

This skill turns a design brief into an ordered, buildable task list. Each task is a vertical slice: a piece of UI that can be built, reviewed, and verified on its own.

Example prompts

"Break the brief into tasks"
"What should I build first?"
"Create a task list from the design brief"
"Plan the build order for this feature"

Process

Read the design brief. Look for .design/*/DESIGN_BRIEF.md. If multiple subfolders exist, use the most recently modified one, or ask the user which feature they are working on. Also check for INFORMATION_ARCHITECTURE.md and a tokens file in the same subfolder. If none exist, ask the user to describe what they are building.

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly