菜单
Use when working on Sumurai DESIGN.md, designmd exports, DTCG tokens, Tailwind theme variables, TypeScript design tokens, token drift, or design-token generation. Guides agents to keep design intent and generated implementation artifacts aligned.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when working on Sumurai DESIGN.md, designmd exports, DTCG tokens, Tailwind theme variables, TypeScript design tokens, token drift, or design-token generation. Guides agents to keep design intent and generated implementation artifacts aligned.
Use when working on Sumurai frontend UI, design-system, DESIGN.md, tokens, primitives, layouts, pages, components, charts, or visual refactors. Authoritative skill for composing with shared primitives, recipes, and tokens instead of one-off styling.
Use when adding, updating, reviewing, or debugging Sumurai tests across frontend or backend, including Bun test, Storybook Vitest, and Playwright Storybook smoke runs. Guides agents to keep tests in existing test folders, prefer boundary-focused tests, and run the right validation commands.
Use when adding, updating, reviewing, or debugging Sumurai tests across frontend or backend, including Bun test, Storybook Vitest, and Playwright Storybook smoke runs. Guides agents to keep tests in existing test folders, prefer boundary-focused tests, and run the right validation commands.
Use when working on Sumurai backend Rust, Axum APIs, SeaORM, Redis, auth, providers, services, models, migrations, middleware, OpenAPI, telemetry, or backend architecture. Guides agents to preserve service/model/provider separation.
Use when working on Sumurai backend Rust, Axum APIs, SeaORM, Redis, auth, providers, services, models, migrations, middleware, OpenAPI, telemetry, or backend architecture. Guides agents to preserve service/model/provider separation.
| name | sumurai-design-token-pipeline |
| description | Use when working on Sumurai DESIGN.md, designmd exports, DTCG tokens, Tailwind theme variables, TypeScript design tokens, token drift, or design-token generation. Guides agents to keep design intent and generated implementation artifacts aligned. |
Use this skill for token pipeline planning, token generation, DESIGN.md changes, designmd validation/export, Tailwind-facing CSS output, and TypeScript token drift cleanup. For how primitives and screens consume tokens, use sumurai-frontend-design-system.
Before token pipeline work, read:
DESIGN.md.agents/skills/sumurai-design-token-pipeline/references/design-md-standard.mdfrontend/src/ui/tokens.tsfrontend/src/ui/generated/tokens.tsfrontend/src/ui/generated/theme.cssfrontend/tailwind.config.jsreferences/token-pipeline.mdDESIGN.md as the agent-facing design contract.DESIGN.md into a Tailwind class warehouse.frontend/src/ui/recipes.ts and primitives, not prose-only docs..env files.tokens.ts wiring, or component recipe.DESIGN.md only when design meaning or public token roles change.DESIGN.md after token changes.bun --cwd=frontend run design:lintbun --cwd=frontend run design:export:dtcgbun --cwd=frontend run design:export:tailwindbun --cwd=frontend run test tests/ui/tokens/runtime.test.tsbun --cwd=frontend run typecheck