mcpbeat Sign in

Design Agent Skill

| Use in pre-implementation (idea-to-design) stages to understand spec/requirements and create a correct implementation plan before writing actual code. Turns ideas into a fully-formed PRD/design/specification and implementation-plan. Creates design docs and task lists in docs/wip/.

15k tokens
context cost
the whole folder, loaded on every use
16
files
instructions only
0
copies elsewhere
how many repositories repackaged it
147
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/serpro69/claude-toolbox --skill design

What comes with it

55 036 bytes besides the instruction
evals/hard-gate-enforcement/eval.json
evals/proportional-diverge-routing/eval.json
evals/review-design-catches-missing-sections/eval.json
evals/review-design-catches-missing-sections/test-files/design.md
evals/review-design-catches-missing-sections/test-files/tasks.md
evals/wip-feature-no-subphases/eval.json
evals/wip-feature-no-subphases/test-files/design.md
evals/wip-feature-no-subphases/test-files/tasks.md
example-tasks.md
existing-task-process.md
frameworks.md
idea-process.md
refinement-criteria.md
shared-capy-knowledge-protocol.md
shared-profile-detection.md

The instruction itself

5 sections, as written by the author

<!-- codex: tool-name mapping applied. See .codex/scripts/session-start.sh -->

Task Analysis Process

Goal: Before writing any code, make sure you understand the requirements and have an implementation plan ready.

Conventions

  • Read capy knowledge base conventions at shared-capy-knowledge-protocol.md.
  • Read profile detection at shared-profile-detection.md. When an active profile contributes a design/ subdirectory (e.g., ../../profiles/k8s/design/), its questions.md feeds the idea-refinement question pool and its sections.md lists required sections the design document must cover. Both the idea-to-design and continue-WIP flows consult the shared procedure; see each flow's workflow file for the specific integration points.

For fresh ideas, two reference files provide methodology and evaluation rubric: frameworks.md (ideation lenses for the diverge phase) and refinement-criteria.md (evaluation dimensions and MVP scoping for the converge phase). These are loaded during the instruction-load step and consumed by idea-process.md Step 3 sub-phases.

Workflow

Mandatory order — understanding before engagement. The flow below is strictly sequential. Do not engage with the idea prose beyond a keyword scan, ask refinement questions, or write design content until all instructions — this SKILL.md, the relevant process file, the shared profile-detection procedure, every resolved profile's design/ content, and (for fresh ideas) the reference files frameworks.md and refinement-criteria.md — are fully loaded.

The $kk:design skill has two entry points; each has its own process file with a detailed workflow. Both follow the same mandatory ordering:

  • Keyword scan only. The idea prose (or WIP feature directory) is scanned at the keyword/filename level — enough to drive profile detection, not enough to engage with the content.
  • Load instructions. Read the relevant process file (idea-process.md or existing-task-process.md), and (for fresh ideas) the reference files frameworks.md (ideation lenses) and refinement-criteria.md (evaluation rubric).
  • Detect active profiles. Delegate to shared-profile-detection.md. For fresh ideas, this uses the design interaction pattern (token matching against idea prose). For WIP features, this uses file-based detection with design-pattern fallback.
  • Load profile content. For each active profile contributing a design/ subdirectory, read its index.md and all always-load entries (questions.md, sections.md). These feed the refinement question pool and required design sections.
  • Engage with subject matter. Only now: ask refinement questions, analyze the idea, write design content.

Ideas and Prototypes

_Use this for ideas that are not fully thought out and do not have a fully-formed design/specification and/or implementation-plan._

For example: I've got an idea I want to talk through with you before we proceed with the implementation.

Your job: Help me turn it into a fully formed design, spec, implementation plan, and task list.

See idea-process.md.

Continue WIP Feature

_Use this to resume work on a feature that already has design docs and a task list in /docs/wip/._

For example: Let's continue working on the auth system.

Your job: Review the current state of the feature, understand what's been done and what's next, then proceed with implementation.

See existing-task-process.md.

Other skills for the same job

different authors, same section of the catalogue
Doc Coauthoring
by anthropics
vendor ×10

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.

4k tokens
Changelog Generator
by frostant
×9

Automatically creates user-facing changelogs from git commits by analyzing commit history, categorizing changes, and transforming technical commits into clear, customer-friendly release notes. Turns hours of manual changelog writing into minutes of automated generation.

774 tokens
Test Driven Development
by w95
×7

Use when implementing any feature or bugfix, before writing implementation code

2k tokens
Writing Plans
by ZhanlinCui
×4

Use when you have a spec or requirements for a multi-step task, before touching code

816 tokens
Writing Skills
by ZhanlinCui
×4

Use when creating new skills, editing existing skills, or verifying skills work before deployment

26k tokens scripts
Crafting Effective Readmes
by softaworks
×3

Use when writing or improving README files. Not all READMEs are the same — provides templates and guidance matched to your audience and project type.

15k tokens
Humanizer
by softaworks
×3

| Remove signs of AI-generated writing from text. Use when editing or reviewing text to make it sound more natural and human-written. Based on Wikipedia's inflated symbolism, promotional language, superficial -ing analyses, vague attributions, em dash overuse, rule of three, AI vocabulary words, negative parallelisms, and excessive conjunctive phrases.

6k tokens
Opentrons Integration
by christophacham
×3

Official Opentrons Protocol API for OT-2 and Flex robots. Use when writing protocols specifically for Opentrons hardware with full access to Protocol API v2 features. Best for production Opentrons protocols, official API compatibility. For multi-vendor automation or broader equipment control use pylabrobot.

9k tokens scripts

How to use it

Copy the folder

Take serpro69/claude-toolbox-design from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.