design-system
Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling. Emits/consumes the single `.design/` artifact contract and scores on the canonical DESIGN-EVAL v1 rubric (9 dims, 0-4) — the legacy 10-dim 0-10 visual-audit scale is RETIRED.
- License 许可
- MIT
- 最近更新
- 2026-11-02
- Stars
- ★ 0
- Forks
- 0
01 前言 Front Matter
- name
- design-system
- origin
- ECC
- description
- Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling. Emits/consumes the single `.design/` artifact contract and scores on the canonical DESIGN-EVAL v1 rubric (9 dims, 0-4) — the legacy 10-dim 0-10 visual-audit scale is RETIRED.
03 SKILL.md 正文
Design System — Generate & Audit Visual Systems
Canon note (2026-07-12 consolidation). This skill now rides ONE rubric, ONE canon, and ONE artifact contract:
- One rubric: the design-quality verdict is DESIGN-EVAL v1 (9 dimensions, 0-4, critical-error override, weighted composite), whose single source of truth is
~/.claude/skills/ui-audit/critique_rubric.md+critique.schema.json. The former Mode-2 bespoke 10-dimension / 0-10 scale is RETIRED (crosswalk below).- One canon: design decisions live in
<repo>/.design/DESIGN.md(per-page override sections) + a W3C-DTCG<repo>/.design/design-tokens.json. There is no longer a competingdesign-system/MASTER.mdcanon.- One artifact contract: every stage reads/writes a leaf under
<repo>/.design/(see The.design/artifact contract). Downstream gates parse those leaf artifacts — never an honor-system "audit passed" flag.This skill is being consolidated under the
design-studiometa-skill (the mode router). Until that rename lands, invoke it asdesign-systemand treatui-auditas the audit/drive engine it delegates to. Nothing here BLOCKS: the artifact-contract gates run in shadow/advisory mode when first wired (council C5).
When to Use
- Starting a new project that needs a design system
- Auditing an existing codebase for visual consistency
- Before a redesign — understand what you have
How It Works
Mode 1: Generate Design System
Mode 2: Visual Audit — DESIGN-EVAL v1 (canonical)
Mode 3: AI Slop Detection (advisory critique pack)
The .design/ artifact contract
<a name="token-spine"></a>Token spine (DTCG)
Examples
→ .design/DESIGN.md + .design/design-tokens.json (DTCG)
→ .design/audit.json (Track-A) + .design/critique-output.json (Track-B, 9-dim verdict)
→ info/low findings folded into the DESIGN-EVAL v1 critique
04 同仓库更多 Skills
clarify-requirements
Resolve genuine pre-execution ambiguity by scanning repo context, generating 1-6 grounded options, and asking 1-3 focused questions via AskUserQuestion. NOT for mid-task use (injection risk); NOT when the goal is already unambiguous; use to disambiguate vague prompts before any file edits.
openmm-md
Run FREE, open-source, Windows-native GPU molecular dynamics via the openmm-md MCP (OpenMM + CUDA on the local NVIDIA GPU). Use for protein / protein-ligand MD when you want a free stack or are on Windows without a Schrodinger license. Covers the full workflow (prepare, solvate, minimize, equilibrate, production, analyze, mmgbsa) AND an honest decision guide vs Schrodinger Desmond, including how to run Desmond legitimately on Linux or a cloud GPU with a real license. This is a deliberately LESSER free alternative and does NOT replace the schrodinger MCP tools. Do NOT use it to pick a free tool when a validated FEP+, WaterMap, IFD-MD, or Prime MM-GBSA result is actually required.
visual-review
Take screenshots of web pages and UI using Playwright for visual review and iteration
status
Diagnostic status report — shows metaswarm installation state, project setup, and potential issues
start
Use when starting work on any task, when the user mentions metaswarm, or when the user wants to begin tracked development work
setup
Interactive project setup — detects your project, configures metaswarm, writes project-local files