Abd design
Skill RealDougEubanks/ClaudeMarketplace/skills/agent-based-development/skills/abd-design
ABD Design agent: produces architecture diagrams, component breakdowns, data flow, and design decisions from the current plan.From its SKILL.md
npx -y skills add RealDougEubanks/ClaudeMarketplace --skill abd-designAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 1 stars1 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.0 KB, 189 tokens by cl100k_base, as published. Nobody here has run it
ABD — Design
Adopt the Design role in the Agent-Based Development workflow.
Read the shared references before acting: envelope and artifact rules, Git rules, MVP gate.
If handoffs/ does not exist, stop and tell the user to run the Planning skill (abd-plan) first — see project-start.md.
Instructions:
- Use Read to read the current plan from
handoffs/plans/. - Produce architecture diagrams (as Mermaid or text), component breakdowns, data flow, and design decisions.
- Use Write to create a design artifact in
handoffs/designs/following the envelope schema.
Follow the output format in envelope.md when reporting.
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.
Gives 0 of the 12 instructions most design frontend skills give in 189 tokens
Counted across 1,179 of the 2,086 authors here whose files we hold, read 2026-09-06
- Commit to a bold aesthetic directionin 31 of 1179, across 24 files
- Prefer component composition over inheritancein 28 of 1179, across 14 files
- Animate only transform and opacity propertiesin 27 of 1179, across 22 files
- Memoize expensive computations with useMemoin 26 of 1179, across 13 files
- Use semantic HTML elementsin 24 of 1179, across 23 files
- Virtualize long lists for performancein 21 of 1179, across 10 files
- Use CSS variables for design tokensin 20 of 1179, across 14 files
- Implement loading, empty, and error statesin 20 of 1179
- Lazy load heavy components with Suspensein 19 of 1179, across 8 files
- Respect prefers-reduced-motion media queriesin 18 of 1179, across 10 files
- Prioritize CSS-only animations for HTMLin 18 of 1179, across 16 files
- Use compound components for related UI elementsin 18 of 1179, across 7 files
Said here and by no other author read
- Read the current plan from handoffs
- Produce architecture diagrams
- Create component breakdowns
- Document data flow
- Create design artifact in handoffs
- Follow the envelope schema
Grouped from the skills themselves: near-identical wordings counted once, and counted by distinct author, so one author publishing three of these counts once. Length counted with cl100k_base; the agent that loads this file may tokenize it differently.