agentleFS
LongJohnSilver1504LongJohnSilver1504/claude-skills/design-craft/CLAUDE.md

claude-skills / design-craft

CLAUDE.md1 starsChanged 58 days agoMITView on GitHub

A stand-alone Claude Code plugin that lives beside claude-skills in this repo and shares nothing with it: its own skills/, agents/, manifests, validator and version. Changes here never touch ../skills/ or the parent's counters. Start here (design-help) → main flow (design-direction → build → design-review; landing-page for marketing) → shaping (variants, stress-states) → reference layer (the nine rule owners incl. pick-library). Keep the README grouped this way. Opinionated and brief. Positive formulation ("name the properties") over prohibition; prohibitions that stay…

The file

We split this CLAUDE.md into the rules it gives an agent

1 rule. About 0 are common, 0 are distinctive, and 1 is very specific to this project.

  • ≈0

    Common · estimate

    Many files like this have a rule of this kind.

  • ≈0

    Distinctive · estimate

    This author's own choices. Worth a look.

  • 1

    Very specific

    Tied to their project's names, files or tools. Probably skip.

  • Common
  • Distinctive
  • Very specific
  1. Very specific:

    Start here (design-help) → main flow (design-direction → build → design-review.

    line 22

≈ “Common” is an estimate: at least 1 in 5 of the 26,980 CLAUDE.md 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
CLAUDE.md

design-craft — Maintainer Guide

A stand-alone Claude Code plugin that lives beside claude-skills in this repo and shares nothing with it: its own skills/, agents/, manifests, validator and version. Changes here never touch ../skills/ or the parent's counters.

Invariants (checked by node scripts/validate.mjs — run it after ANY change)

  1. Counts and version stay in sync. skills/*/SKILL.md count matches every "N skills" claim in README.md, package.json, .claude-plugin/plugin.json and .claude-plugin/marketplace.json; package.json and plugin.json carry the same version; CHANGELOG.md has a section for it. Every skill has a row in the README catalog.
  2. Reference skills own the rules; nobody restates them. accessibility, hierarchy-layout, mobile-web, interface-copy, typography, color-system, ui-polish and motion each own a domain and name what belongs elsewhere. design-review, variants, stress-states, landing-page and design-direction route to them by name and never duplicate a rule.
  3. The Reporting tail is byte-identical across the eight reference skills (the validator holds the canonical text). Each also carries a domain-specific **Severity.** and **Verification.** line above it.
  4. Exact values, never ranges to approximate. scale(0.96), cubic-bezier(0.23, 1, 0.32, 1), oklch(0 0 0 / 0.1). A new rule with a number states the number.
  5. No cross-skill file paths. Skills reference each other by name in prose; references/ links stay inside the skill.
  6. Descriptions follow the formula. Model-invoked: what + "Use when <triggers>" + "NOT for <competitors>". Manual-only: disable-model-invocation: true + one line. A skill another skill hands off to is never manual-only.
  7. SKILL.md < 500 lines; depth goes to references/.
  8. Agents are read-only (tools: without Write/Edit).
  9. Memory lives in .design/ in the consumer's project: style-lock.md (the system, the color contract, the "Do not" list) and log.json (marketing-build record for rotation). No skill invents a second memory location.
  10. Sources are credited in LICENSE and CHANGELOG.md; new borrowed material adds its source there.
  11. A NOT for clause is checked, not asserted. Every skill carrying one has a case in evals/: a realistic request plus two tool_used graders — the owning skill (min: 1) and the competitor it names (min: 0, max: 0). scripts/validate.mjs fails when a NOT for skill has no case or a grader names a skill that does not exist. npm run eval runs the cases (~$1.57, needs a model) — always from design-craft/, since the repo root's target would score them against the other plugin.
  12. A review that never rendered the interface says so. design-review and design-critic work the ladder in the review skill's references/runtime-evidence.md and report the rung reached in the coverage table's runtime row. A static review is valid; a static review claiming a runtime-decided domain is not.

Organization (Matt Pocock's taxonomy)

Start here (design-help) → main flow (design-direction → build → design-review; landing-page for marketing) → shaping (variants, stress-states) → reference layer (the nine rule owners incl. pick-library). Keep the README grouped this way.

Writing style

Opinionated and brief. Positive formulation ("name the properties") over prohibition; prohibitions that stay carry the failure they prevent. **Done when:** gates close every workflow skill. Every reference skill ends with a "Before you finish" mistake/fix table and the Reporting section. Test a new or heavily edited skill with one realistic prompt before shipping.

Validation

node scripts/validate.mjs
npm run eval                                        # routing cases (needs a model; ~$1.57)
claude plugin validate .claude-plugin/plugin.json   # plugin + every SKILL.md
claude plugin validate . --strict                   # marketplace manifest

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.