agentleFS
Fay1YeeFay1Yee/design-agent-skills/skills/build-design-skill-package/SKILL.md

build-design-skill-package

Skill1 starsChanged 3 months agoMITView on GitHub

Build or refactor design-domain Agent Skills as traceable, executable packages with a concise SKILL.md entry, explicit source paths, decomposed decision rules, optional reusable templates or scripts, and representative evaluation cases. Use when creating a new design Skill; when an existing Skill has become a long mixed rule dump; when design-system knowledge, component rules, layout guidance, responsive behavior, presentation methods, or audit criteria need to become AI-executable; or when the user asks to follow the Ant Design Skill construction method, architecture, or package hierarchy. Adapt the architecture to actual complexity and never add empty reference, script, or asset layers for appearance alone.

The file

Show its rules and text

We split this skill into the rules it gives an agent

14 rules. About 0 are common, 14 are distinctive, and 0 are very specific to this project.

  • ≈0

    Common · estimate

    Many files like this have a rule of this kind.

  • ≈14

    Distinctive · estimate

    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
  1. Distinctive:

    Use the smallest profile that makes the design decision reproducible:

    line 18
  2. Distinctive:

    Do not create a directory until it contains a resource the Skill actually routes to.

    line 27
  3. Distinctive:

    Read architecture-contract.md before choosing the package structure.

    line 31
  4. Distinctive:

    Use source-map-template.md when the Skill depends on an existing design system, approved screens, internal practice, public guidance, code, …

    line 61
  5. Distinctive:

    Keep project identifiers and confidential artifacts out of reusable packages.

    line 63
  6. Distinctive:

    If adapting third-party material, retain attribution, license terms, and a clear statement of what changed.

    line 65
  7. Distinctive:

    Use rule-module-template.md for each independent rule family.

    line 69
  8. Distinctive:

    Write rules that let the agent answer:

    line 71
  9. Distinctive:

    Use this routing contract:

    line 82
  10. Distinctive:

    Use evaluation-cases-template.md to define representative cases.

    line 96
  11. Distinctive:

    When the Skill changes visual or interactive output, validate a representative specimen at the target viewport or format before batch …

    line 103
  12. Distinctive:

    Run the base creator validator, then run:

    line 107
  13. Distinctive:

    Keep a single-file Skill when splitting it would add indirection without improving decisions or execution.

    line 126
  14. Distinctive:

    every local resource path resolves and every resource has a consumer.

    line 134

≈ “Common” is an estimate: at least 1 in 5 of the 350,495 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.

Keep what fits and drop the rest. Your version, ready for your agents.
Files
SKILL.md

Build Design Skill Package

Turn proven design practice into a compact decision system that an agent can route, execute, and evaluate. Keep the entry file short; place detailed knowledge and deterministic assets in the resource type that matches how they are consumed.

Load the base creator

Load and follow the environment's skill-creator Skill before creating or editing a Skill package. Use its naming, frontmatter, metadata, validation, and packaging rules as the base contract.

This Skill adds a design-specific knowledge architecture. It does not replace the base creator or authorize publishing, installing, or pushing a Skill unless the user requested that action.

Choose the package profile

Use the smallest profile that makes the design decision reproducible:

ProfileUse whenPackage
Simpleone bounded workflow, few rules, no reusable artifactSKILL.md and optional agents/openai.yaml
Layeredseveral rule families, source precedence, exceptions, or detailed schemasSKILL.md + selected references/
Template-backeda proven layout, component, deck, or document should be reusedlayered package + assets/ or code examples in scripts/
Automation-backedvalidation or transformation is deterministic and repeatablelayered package + tested scripts/

Do not create a directory until it contains a resource the Skill actually routes to.

Use the five-layer design model

Read architecture-contract.md before choosing the package structure.

Build these layers in order:

  1. Source path — identify where the knowledge came from, who or what can approve it, its scope, version, license, privacy boundary, and conflicts.
  2. Rule decomposition — translate implicit practice into WHY, WHEN, HOW, and WHAT, then add invariants, exceptions, prohibited moves, and proof.
  3. Skill model — define triggers, inputs, precedence, routing, mutation boundary, outputs, and completion gates in SKILL.md.
  4. Execution assets — add only the references, templates, code specimens, scripts, or static assets that make a recurring decision or output more reliable.
  5. Evaluation — test representative normal, ambiguous, boundary, and regression cases with observable pass/fail evidence.

The source path and rule model must exist before writing a large instruction file. A folder tree alone does not create design judgment.

Build or refactor the Skill

1. Select core scenarios

Choose the smallest set of recurring, high-value scenarios. Prefer tasks where agent output quality varies because design intent, decision rules, or reusable patterns are implicit.

For each scenario, record:

  • user language that should trigger the Skill;
  • object and deliverable;
  • decision that requires design judgment;
  • protected content or scope;
  • evidence that would prove success.

Exclude adjacent workflows that have a different primary outcome. Split them into separate Skills when they require different triggers, facts, mutation boundaries, or acceptance gates.

2. Map sources and authority

Use source-map-template.md when the Skill depends on an existing design system, approved screens, internal practice, public guidance, code, or another Skill.

Keep project identifiers and confidential artifacts out of reusable packages. Record a source class or safe public reference, then resolve private instances only inside the active task.

If adapting third-party material, retain attribution, license terms, and a clear statement of what changed. Do not copy assets or text that the license does not permit.

3. Decompose decision rules

Use rule-module-template.md for each independent rule family.

Write rules that let the agent answer:

  • WHY: what user or design failure the rule prevents;
  • WHEN: trigger, preconditions, and boundary;
  • HOW: decision procedure and precedence;
  • WHAT: output, template, component, or evidence produced.

Separate invariant, default, exception, prohibited move, and open decision. Convert aesthetic adjectives into observable hierarchy, density, alignment, interaction, content, or consistency conditions.

4. Translate rules into resources

Use this routing contract:

ContentLocation
triggers, boundary, routing, workflow, outputs, completion gateSKILL.md
detailed design rules, schemas, decision tables, source maps, acceptance matricesreferences/
deterministic validator, converter, extractor, or runnable code specimenscripts/
file copied into the deliverable, boilerplate, slide template, design assetassets/
UI display name and starter promptagents/openai.yaml

Route every resource from SKILL.md and state when it should be read or run. Keep one canonical home for each rule. References may contain detail; they may not hide essential trigger or safety conditions.

5. Add executable proof

Use evaluation-cases-template.md to define representative cases. Test at least:

  • one normal case;
  • one short or ambiguous user request;
  • one boundary or out-of-scope case;
  • one earlier failure pattern the Skill should prevent.

When the Skill changes visual or interactive output, validate a representative specimen at the target viewport or format before batch application. When it produces documents or presentations, render and inspect the final audience surface. When it is read-only, prove that no mutation occurred.

6. Validate and install only when authorized

Run the base creator validator, then run:

python scripts/audit_design_skill_architecture.py /absolute/path/to/skill

Resolve missing resources, orphaned files, placeholder text, unsafe local references, and duplicated routing before delivery. Install, commit, publish, or push only within the user's stated scope.

Refactor existing Skills without churn

Preserve working triggers, boundaries, and proven rules. Refactor only when it improves one of these outcomes:

  • the entry file becomes easier to route and load progressively;
  • source authority and conflicts become traceable;
  • multiple rules gain a stable schema;
  • a recurring artifact becomes reusable;
  • a deterministic check becomes executable;
  • evaluation can detect a known failure.

Keep a single-file Skill when splitting it would add indirection without improving decisions or execution.

Completion gate

Finish only when:

  • the package profile matches real complexity;
  • sources, rules, triggers, resources, and tests connect end to end;
  • every local resource path resolves and every resource has a consumer;
  • private project details and unsupported claims are absent;
  • third-party adaptations are attributed and licensed correctly;
  • representative cases distinguish pass from fail;
  • the base creator validation and architecture audit pass.

Handoff

Return:

  1. package profile and scope;
  2. source and rule layers created or preserved;
  3. files added, moved, or intentionally kept single-file;
  4. evaluation cases and validation result;
  5. installation, repository, and publishing status.

Download now (ZIP)

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
What did you use it for? e.g. Reviewing pull requests in a Rails app

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.