brief-to-tasks

brief to tasks

julianoczkowski 449 ↓ 3.7k Apache-2.0 updated 1mo ago
Claude Code
View source ↗

What it does

  • "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"
  • Component directories: components/, ui/, shared/ and list every component by name
  • Existing pages/views: what is already built that this feature must coexist with
  • Token/theme files: tokens.css, globals.css, Tailwind config, theme providers

Requirements & configuration

  • Token/theme files: tokens.css, globals.css, Tailwind config, theme providers
  • Classify each relevant component as: will be reused as-is, needs modification, or does not exist yet. Only components that need modification or creation get their own tasks.

Configuration: INFORMATION_ARCHITECTURETASKS

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

brief to tasks

Source

Repository: https://github.com/julianoczkowski/designer-skills

brief-to-tasks FAQ

What does the brief-to-tasks skill do?

Break a design brief into an ordered checklist of independently buildable tasks using vertical slices. Saves as a markdown checklist. Use when user wants to break down work, create tasks from a brief, plan implementation order, or mentions "tasks" or "breakdown". "Break the brief into tasks" "What should I build first?"

What does brief-to-tasks require?

Token/theme files: tokens.css, globals.css, Tailwind config, theme providers Classify each relevant component as: will be reused as-is, needs modification, or does not exist yet. Only components that need modification or creation get their own tasks. Configuration keys: INFORMATION_ARCHITECTURE, TASKS.

How do I install brief-to-tasks?

Run: npx -y skills add https://github.com/julianoczkowski/designer-skills --skill brief-to-tasks --agent claude-code — the source lives at github.com/julianoczkowski/designer-skills.

Maintain brief-to-tasks?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[brief-to-tasks on getagentictools](https://getagentictools.com/skills/julianoczkowski-designer-skills-brief-to-tasks?ref=badge)
npx agentictools info skills/julianoczkowski-designer-skills-brief-to-tasks

The second line is the CLI lookup for this page — handy in READMEs and docs.