Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
pproenca avatar

Write Design Docs

  • 42 installs
  • 191 repo stars
  • Updated July 24, 2026
  • pproenca/dot-skills

write-design-docs is a Claude Code skill for design & ui/ux.

About

write-design-docs is a Claude Code skill for design & ui/ux. It helps solo builders move faster with AI-assisted development.

  • write-design-docs
  • Design & UI/UX
  • AI-coding skill

Write Design Docs by the numbers

  • 42 all-time installs (skills.sh)
  • +6 installs in the week ending Aug 4, 2026 (Skillselion tracking)
  • Ranked #1,270 of 1,880 Design & UI/UX skills by installs in the Skillselion catalog
  • Data as of Aug 4, 2026 (Skillselion catalog sync)
npx skills add https://github.com/pproenca/dot-skills --skill write-design-docs

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs42
repo stars191
Last updatedJuly 24, 2026
Repositorypproenca/dot-skills

How do I helps with design & ui/ux tasks.?

Helps with design & ui/ux tasks.

Who is it for?

Best when you're working on design & ui/ux and need structured help with write design docs.

Skip if: Teams with no design & ui/ux needs, or anyone wanting a generic chat assistant without this specific workflow.

When should I use this skill?

When you need to helps with design & ui/ux tasks., or when write-design-docs is a claude code skill for design & ui/ux.

What you get

Structured output aligned to write-design-docs: write-design-docs, Design & UI/UX.

Files

SKILL.mdMarkdownGitHub ↗

Write Design Docs

Core Workflow

Use the design doc as a problem-solving and consensus-building tool, not as an implementation manual.

1. Decide whether a design doc is warranted.

  • Write one when the software design is ambiguous, complex, contentious, cross-functional, likely to benefit from senior review, or valuable as organizational memory.
  • Prefer a short note, issue, or direct implementation when the solution is obvious and there are no meaningful trade-offs.
  • Prefer a mini design doc for small but non-obvious changes.

2. Gather the minimum context needed to make the design concrete.

  • Identify the problem, existing landscape, constraints, stakeholders, and decision deadline.
  • Ask focused questions only when missing information would materially change goals, non-goals, or trade-offs.
  • State assumptions explicitly when proceeding with incomplete information.

3. Draft around decisions and trade-offs.

  • Start with objective context and scope.
  • Define goals and non-goals as explicit boundaries.
  • Present the selected design from overview to detail.
  • Explain why the selected design best satisfies the goals under the known constraints.
  • Compare realistic alternatives, including why they were not selected.
  • Cover cross-cutting concerns such as security, privacy, reliability, observability, migrations, and operations when relevant.

4. Keep the document readable.

  • Optimize for busy reviewers who need to understand the decision, not every implementation detail.
  • Link to detailed requirements, prototypes, schemas, code, or prior docs instead of copying them wholesale.
  • Include diagrams or compact API/data sketches only when they clarify the design trade-offs.
  • Avoid large code blocks unless explaining a novel algorithm.

5. Shape the lifecycle.

  • Mark the document status: draft, in review, accepted, implementing, superseded, or archived.
  • Suggest the smallest useful review group first, then wider review when the design is stable.
  • Update the doc while the system has not shipped if implementation reveals wrong assumptions or changed requirements.
  • Link amendments or follow-up docs when the original doc diverges from reality.

Reference

Read references/design-doc-guidance.md before drafting or reviewing a substantive design doc. Use it for the article-derived template, decision checklist, section guidance, and review rubric.

Related skills

FAQ

What does write-design-docs do?

write-design-docs is a Claude Code skill for design & ui/ux.

When should I use write-design-docs?

When you need to helps with design & ui/ux tasks., or when write-design-docs is a claude code skill for design & ui/ux.

What are the main capabilities?

write-design-docs; Design & UI/UX; AI-coding skill.

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.