design
Skill0 starsChanged 4 months agoMITView on GitHub
Talk through a design with the user. Reads existing facts/research for context, then has a conversation. Notes get captured in docs/{task-name}/design.md. Usage: /design {task-name}
198 other projects use a version of this.
Adopted by
Most recently taken up by
- librosdeia/builder-method-claude-plugintheir own version, first seen Nov 15, 2026
- WeiXu94/skillstheir own version, first seen Nov 15, 2026
- kobiniv888-ai/Claude-codetheir own version, first seen Nov 15, 2026
- warrendeanlangeveldt/code-kittheir own version, first seen Nov 15, 2026
- scolladon/crafttheir own version, first seen Nov 15, 2026
- DataArt/artisyn-implementation-harnesstheir own version, first seen Nov 15, 2026
Used with
Projects with it also use banner-design, ui-styling and 10 more.
Other files people use alongside this one.
Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
seikaikyoSkillbanner-design
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage.
Also in 38 projects that use this
MicrosoftSkillui-styling
Guide for the visual style, structure, and shared building blocks used by Semantic Link Labs interactive UI tools (HTML widgets and anywidget-based widgets). Use this when adding a new interactive UI, modifying an existing one, or adding shared visual components.
Also in 39 projects that use this
seikaikyoSkillbrand
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
Also in 43 projects that use this
mayankjain1815-commitsSkillinfra-audit
Reads docker-compose, env files, ORM configs, and connection strings to map current infrastructure. Flags missing layers (cache, queue, analytics) based on observed access patterns. Outputs a structured infrastructure manifest.
Also in 3 projects that use this
JetBrainsSkillslides
Create and edit presentation slide decks (`.pptx`) with PptxGenJS and render/validation utilities. Use when tasks involve building a new PowerPoint deck, recreating slides from screenshots/PDFs/reference decks, modifying slide content while preserving editable output, adding charts/diagrams/visuals, or diagnosing layout issues such as overflow, overlaps, and font substitution.
Also in 42 projects that use this
AnthropicSkilldesign-system
Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and accessibility notes, or designing a new pattern that fits the existing system.
Also in 49 projects that use this
Other versions198 projects use a version of this.
Word for word · 0
None found.
Edited · 0
None found.
Wrote their own version · 198
- nextlevelbuilder/ui-ux-pro-max-skill★ 150ksame name
- Yeachan-Heo/oh-my-codex★ 34ksame name
- tokio-rs/toasty★ 3.3ksame name
- PaulWoitaschek/Voice★ 3.3ksame name
- joye61/pic-smaller★ 2.9ksame name
- oxsecurity/megalinter★ 2.6ksame name
- Infisical/agent-vault★ 2.5ksame name
- static-web-server/static-web-server★ 2.4ksame name
- SethGammon/Citadel★ 927same name
- Ohh-889/skyroc-admin★ 795same name
188 more not listed
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
In this repository21 other files it gives its agents.
- add-to-claudeSkill
- add-to-rulesSkill
- audit-claudeSkill
- audit-rulesSkill
- autopilotSkill
- better-planSkill
- design-autoSkill
- execute-autoSkill
- executeSkill
- facts-extSkill
- factsSkill
- questionsSkill
- research-autoSkill
- researchSkill
- review-autoSkill
- structure-autoSkill
- structureSkill
- wiki-captureSkill
- wiki-ingestSkill
- wiki-lintSkill
- wiki-querySkill
The file
We split this skill into the rules it gives an agent
9 rules. 0 are common, 7 are distinctive, and 2 are very specific to this project.
0
Common
Most of the 175 edited versions we read keep these.
7
Distinctive
This author's own choices. Worth a look.
2
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Very specific: line 11
Look for prior work in docs/{task-name}/:
- Very specific: line 16
Read every file that exists.
- Distinctive: line 23
Do NOT generate a full document before talking.
- Distinctive: line 27
Ask the user what they're thinking.
- Distinctive: line 69
Don't force all sections to exist from the start.
- Distinctive: line 73
If resuming an existing document, read it, then:
- Distinctive: line 76
Ask the user if that's still the right thread or if something changed
- Distinctive: line 90
When you don't know, say so.
- Distinctive: line 91
Add sections as needed (e.g., "Migration concerns", "Performance budget", "What we're deliberately not doing").
“Common” is measured: kept by at least 6 in 10 of the 175 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
Parse the user's input:
- First argument is the task name (matches the docs directory, e.g.,
offline-sync)
Phase 1 — Gather existing context
Look for prior work in docs/{task-name}/:
facts.md— codebase implementation facts (from/facts)questions.md— generated questions (from/questions)research.md— research findings (from/research)
Read every file that exists. If none exist, tell the user:
"No prior research found in docs/{task-name}/. You can run /facts, /questions, and /research first, or we can start from scratch — just tell me what you're thinking."
Also check if docs/{task-name}/design.md already exists. If it does, this is a resume — read it and skip to Phase 3.
Phase 2 — Start the conversation
Do NOT generate a full document before talking. Instead:
- Summarize what you understand so far from the gathered context — a few sentences, not a wall of text.
- Say what you think the hardest or most interesting part is.
- Ask the user what they're thinking. What's the goal? What's bugging them? What have they already ruled out?
Once the conversation gets going and things start to take shape, create docs/{task-name}/design.md with whatever sections are relevant. The format below is a starting point — skip sections that don't apply, add sections that do.
# Design: {Task Name}
## Where we are
*What exists today and why it matters for this work.*
{The relevant parts of the system as they are now. Not a full inventory — just what you need to understand to talk about the change.}
## Where we want to be
*What's different when this is done.*
{What changes for the user, the system, or both. What stays the same.}
## How we get there
*The rough approach. What happens first, what's tricky, what patterns to follow or break.*
{Implementation direction, not a step-by-step plan. That's what /structure is for.}
## Still figuring out
*Things we haven't resolved yet.*
{Just the questions that actually matter for the design. Not an exhaustive list.}
- {question} — {why it matters}
## What we decided
*Decisions we made and why. Captured as we go.*
{Each decision is a short paragraph: what we chose, why, and what we considered instead. No tables — just write it out.}
**{Decision topic}**: {What we decided}. We went with this because {reason}. We also considered {alternative} but {why not}.Don't force all sections to exist from the start. "What we decided" starts empty. "Still figuring out" might be the only section after the first pass. That's fine — the document grows as the conversation progresses.
Phase 3 — Keep talking
If resuming an existing document, read it, then:
- Summarize where we left off
- Pick up the most important unresolved thing
- Ask the user if that's still the right thread or if something changed
During the conversation:
- Think out loud. Propose rough ideas, say when you're unsure. "I think X because Y, but I'm not confident about Z" is better than presenting everything as settled.
- Update the doc periodically — not after every single exchange, but when a meaningful chunk of the conversation has landed. Batch a few related decisions together.
- When the user answers a question, capture it under "What we decided" and remove it from "Still figuring out."
- If something needs more research, say so and suggest
/factsor/researchfor that specific gap rather than guessing.
Conversation guidelines
- Lead with what you know, not what you don't. Share your understanding first, then ask questions.
- Be direct about what you think, but hold it loosely. "I'd lean toward X" is better than "What do you want to do?"
- Push back when something seems off. "That could work, but have you thought about {consequence}?" is useful.
- When you don't know, say so. Don't fill gaps with generic advice.
- Add sections as needed (e.g., "Migration concerns", "Performance budget", "What we're deliberately not doing"). The template is a starting point.
- The document is shared notes from our conversation, not a formal deliverable. It should read like something you'd hand to a teammate to get them up to speed, not a design review artifact.
When the user is done
The user may say they're done, or the conversation may naturally wind down. At that point:
- Skim the document for anything we discussed but didn't capture
- Flag anything still under "Still figuring out" that could bite us during implementation
Then, before the design is ready for /structure, run a consistency check (do not skip it — a
design that contradicts itself or the codebase poisons every step downstream):
- Internal — re-read the doc end to end. Do "What we decided" items contradict each other or "How
we get there"? Is anything left in "Still figuring out" actually a blocker for structure (resolve
it or call it out)? Does the design conflict with
facts.md/research.md, awiki/decisions/entry, ordocs/objective.md? - Against the codebase — Glob/Grep the files, types, and components the design says it builds on or touches; if reality differs, fix the design to match. (Greenfield → confirm nothing it assumes already exists actually conflicts.)
- Fix what you find; surface anything you can't resolve rather than papering over it.
The document at docs/{task-name}/design.md feeds into /structure once this check passes.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

