design-system
Use when starting any design task, before choosing or auditing a color/type/spacing token or writing design-system.md — routing step 1.
Target: Design & content creation. Automatically collected · unverified.
Excerpt from the author’s documentation
Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.
Read the original English text
Topics in the source
- Design System — Token Core
- Color strategy
- Typography scale
- Spacing
- Touch targets
- The design-system.md output — canonical format
- Reference index (data lives here, read from source, never restated above)
- Next
The token-strategy core: OKLCH-only color rules for new tokens, neutral tinting (chroma 0.005-0.015, never pure gray), the accent-commitment levels (restrained/committed/full palette/drenched), the typography scale (ratio, line-height, measure), the 8pt spacing grid, and platform touch-target minimums. Also defines the canonical output format of design-system.md — the file the harness gates on — including its 4 hard requirements (the ## Design Reference heading, a real inspiration URL, at least one chroma-positive OKLCH token, and the hard-forbidden font exclusions). This is routing step 1 of design-method/SKILL.md: read it before design-web, design-webapp, design-ios, or design-android, and before picking or auditing a single color/type/spacing value. Single source for token strategy — not values, values live in references/.md and are read from there, never re-derived here. design-method/SKILL.md reads this file unconditionally as routing step 1, once per task, before dispatching to any move or target skill — that read is also what advances the harness past phase 0. If a design question is purely about a token (a color, a type pair, a spacing value) this file plus its reference in
This is an excerpt. Refer to the complete source and its current requirements.
- Source repository
- Fusengine/claude-plugins
- Source file
- plugins/design-expert/skills/design-system/SKILL.md
- Fixed revision
- b9f82810cf3b5e3c4350332ac3ef618d60163cc0
Requirements
- Only the author’s Skill metadata is included. Read the full instructions to check dependencies, licensing and conditions of use.
A small first task
先阅读原作者说明,再决定是否在自己的 AI 工具中使用。
Instructions for your AI tool
- Claude Desktop: resource-specific guide not available yet
- Claude Code: resource-specific guide not available yet
- Cursor: resource-specific guide not available yet
- Codex: resource-specific guide not available yet
Author documentation is not live verification by this site. Without evidence, we do not mark a resource as compatible, safe or free.
Sources and evidence
This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.
Author: Fusengine/claude-plugins · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-11T11:01:45.052Z.
Categories are inferred from names, descriptions and paths. They do not establish compatibility.
License and attribution
MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.
Original license ↗Synchronization, copying and user-reported success do not mark a resource as runtime-tested.
Limitations and notes
- Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.