design
Skill44 starsChanged 8 months agoMITView on GitHub
Produce a code-grounded technical design and implementation plan when an approach, material tradeoff, or execution sequence needs separate review. Use for requested technical design, not implementation; straightforward changes do not need a separate design stage.
197 other projects use a version of this.
Adopted by
Most recently taken up by
- dialog-db/dialog-dbtheir own version, first seen Nov 9, 2026
- BermanRoman/promt-seo-geotheir own version, first seen Nov 8, 2026
- anorth/agent-skillstheir own version, first seen Nov 8, 2026
- gspencergoog/skillstheir own version, first seen Nov 8, 2026
- PeanutGT/NutsSkillstheir own version, first seen Nov 8, 2026
- Integralist/agent-skillstheir own version, first seen Nov 8, 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 versions197 projects use a version of this.
Word for word · 0
None found.
Edited · 0
None found.
Wrote their own version · 197
- nextlevelbuilder/ui-ux-pro-max-skill★ 147ksame 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
187 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.
The file
We split this skill into the rules it gives an agent
5 rules. 0 are common, 5 are distinctive, and 0 are very specific to this project.
0
Common
Most of the 174 edited versions we read keep these.
5
Distinctive
This author's own choices. Worth a look.
0
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Distinctive: line 18
Check the design against the requirements and actual code, then stop.
- Distinctive: line 22
Use the following section order for a stable, reviewable DESIGN, matching the SPEC style.
- Distinctive: line 52
Use the QA-style condensed decision record.
- Distinctive: line 81
Update dependent steps and verification when a design decision changes.
- Distinctive: line 87
Before delivering, check that:
“Common” is measured: kept by at least 6 in 10 of the 174 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
Technical design mode: establish how the work fits the existing system, why the proposed solution holds, and how to implement and verify it. No implementation.
Input: a SPEC, agreed requirements, a document path, or the agreement in the current conversation. QA and SPEC are useful inputs, not required skill dependencies. This is an optional reviewable artifact, not a mandatory stage before coding. When invoked for a straightforward change, give a brief approach and checks rather than manufacturing a larger design exercise.
Workflow
- Extract confirmed behavior, constraints, acceptance criteria, and prior decisions. Reference them rather than rewriting the specification. Separate requirements from earlier implementation suggestions; do not silently turn suggestions into constraints. When revising a design or designing around an existing implementation, reconcile each established constraint: retain it, explicitly supersede it with an authorized decision, or explain with evidence why it no longer applies. Compression or already-implemented behavior is not a reason to silently omit a constraint; preserve it explicitly or by a precise source reference.
- Read applicable repository instructions and identify the concrete unknowns that could change the approach. Investigate only the relevant code, contracts, callers, or tests needed to resolve them; reuse sufficient evidence already available in the conversation. Cite material facts by file or symbol and distinguish inspected behavior, inference, and unverified assumptions. Stop when further exploration would not affect the design or the next implementation step.
- Judge the proposed concepts and state model: consistent meanings, legal states, invariants, lifecycles, resource ownership, and side effects where relevant. Place rules with their owner, keep things that change together close, and let independently changing concerns remain separate. When sharing a mechanism, preserve each caller's distinct policy and lifecycle; similar code alone does not establish a shared responsibility.
- Compare existing code, standard-library and platform capabilities, and installed dependencies before introducing a new mechanism. For a proposed abstraction, identify the actual duplication, isolation need, or direction of change it addresses; weigh that benefit against new concepts, indirection, state, dependencies, and migration cost. Prefer a simple function, data structure, or existing mechanism when sufficient. Pattern names, file length, caller counts, and diff size alone do not establish design quality.
- Before recommending replacement or consolidation, explain which existing responsibilities remain necessary, who takes them over, and which boundary paths could invalidate the proposal. A defect in the old mechanism does not prove the replacement works. Investigate technical unknowns with scoped read-only checks where possible. If necessary guarantees lack evidence, keep the proposal conditional and put validation before dependent replacement or deletion steps. Plan the resulting structure as well as the new behavior: identify obsolete rules and representations to retire, and define the scope and exit conditions for any temporary coexistence. Keep cleanup within the task and its direct effects.
- Emit the DESIGN using the structure below. Resolve technical choices using code evidence and repository conventions, stating consequential tradeoffs. Ask the user only when a choice needs their preference or commitment about goals, behavior, scope, compatibility, or cost; complexity alone is not a reason to ask. Make progress on independent parts and mark sections affected by open decisions provisional; do not reinterpret confirmed behavior to make a design easier.
- Check the design against the requirements and actual code, then stop. Do not edit application code, install dependencies, run migrations, deploy, send messages, or start implementation agents. A design does not authorize execution of its steps.
Output structure
Use the following section order for a stable, reviewable DESIGN, matching the SPEC style. Omit sections that add no useful information; merge short related sections under the first applicable heading while preserving the overall order. Match the user's language and repository document conventions.
## Context goal, source requirements, confirmed constraints and decisions;
reference the SPEC where available, do not repeat it
## Current relevant responsibilities, data flow, contracts, and guarantees;
cite code, callers, and tests that establish them
## Approach chosen design, ownership, boundaries, and end-to-end flow;
distinguish reused, changed, new, and retired behavior
## Alternatives material alternatives and why the recommended design wins;
include the cost and limits, omit ceremonial comparisons
## Changes affected modules and contracts, data/state transitions,
error and concurrency handling only where relevant
## Migration compatibility, data migration, transition and cleanup,
rollout and recovery only when required by this change
## Implementation ordered steps (S1…); each has an outcome, affected modules,
dependencies, and a completion check
## Verification map acceptance criteria and preserved guarantees to checks;
identify existing coverage, needed tests and manual validation
## Risks consequential assumptions, technical unknowns, evidence gaps,
and how and when to resolve them before dependent work
## Decisions unresolved choices requiring the user, with recommendationsScale the detail to the work; the section list is not a requirement to write ten chapters. A small change may need only Approach, Implementation, and Verification in a few paragraphs. Do not invent abstractions, interfaces, migrations, alternatives, or a file-by-file checklist to fill sections. For a new project, mark the existing-code baseline absent and ground the design in supplied constraints and verified platform contracts instead.
Write for skimming: each decision has one home; reference rule and acceptance IDs supplied by the SPEC. Include signatures, data shapes, diagrams, or pseudocode only when they resolve an implementation ambiguity. Steps must describe concrete outcomes and dependency order, not generic phases such as "implement backend" or line-by-line editing instructions. Leave low-risk local details to implementation; specify them now only when they affect feasibility, contracts, sequencing, or verification. Keep technical design and implementation steps together so their assumptions and verification remain connected.
Decisions
Use the QA-style condensed decision record. Number questions so the user can reply with letters alone. Do not re-ask answered questions or add a generic approval gate. Technical uncertainty that can be investigated is not a user preference question.
1. <question>
Drivers: <1–3 criteria>
A ★ <option>
+ <gain>
- <cost>
B <option>
+ <gain>
- <cost>
★ A — <recommendation justified by the drivers>Options must be mutually exclusive and cover the meaningful alternatives, at most three. End with “Reply 1A 2B, 'all as recommended', or correct anything above.” only when decisions remain.
Follow-up and saving
On answers or corrections, emit only the delta:
## Changed <section/step>: <old> → <new>; answered decisions as
<chose X over Y> — <to achieve …>, accepting <cost>
## New newly exposed assumptions, dependencies, or decisions, if any
## Open still-open decision records; none → state that none remainUpdate dependent steps and verification when a design decision changes. Do not treat an answer as authorization to implement. When asked for a complete or final DESIGN, consolidate accepted changes into one self-contained document, removing resolved questions and obsolete alternatives.
Default to delivering in conversation. If the user requests a saved artifact, use their path or the repository's established technical-design location; ask for a destination only if neither is available. Updating the requested DESIGN is allowed; unrelated repository edits are not. Report the saved path. Do not create commits or branches unless requested.
Verification
Before delivering, check that:
- The approach covers the confirmed in-scope behavior and identifies where it belongs and how it will be checked; requirements were not silently changed or expanded.
- Earlier constraints and decisions remain traceable in the revised design, directly or by precise reference. Any replacement or retirement has a stated basis; implemented constraints still have a verification path rather than disappearing from the design.
- Material claims about existing code and contracts have evidence; proposed behavior and unverified assumptions are labeled.
- Concepts, legal states, lifecycles, and ownership are coherent where affected; shared mechanisms preserve callers' distinct semantics.
- New boundaries and abstractions address demonstrated needs with stated costs; any replaced mechanism's necessary guarantees have an evidenced successor, or the recommendation and dependent steps remain conditional.
- The planned final structure retires obsolete expressions; temporary coexistence has a scope and exit condition. Structural cleanup stays within the task and does not replace behavioral verification.
- Implementation order follows actual dependencies; unresolved prerequisites are visible before the steps that rely on them.
- Verification covers changed behavior and relevant preserved guarantees, with planned checks distinguished from checks actually run.
- The next implementation step is clear and supported by enough evidence. High-risk unknowns have an explicit validation point before dependent work; low-risk details may remain for implementation. Do not imply that all uncertainty is resolved or that a design proves the feature works.
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.

