From design
Design system construction, governance, Figma implementation, and practical launch/adoption methodology covering system foundations, pattern taxonomy (CEV naming), organizational adoption (consensus building, proposal templates), pattern library operations, UI pattern catalog (20+ patterns), Figma variable/token architecture, incremental launch, buy-in strategies, content creation, CI/CD automation, update notification framework (6 steps), operational ownership patterns, case studies, and self-assessment. Use when architecting, evaluating, or restructuring a design system, planning organizational adoption, building a pattern library, constructing a design system within Figma, starting a DS from scratch, or creating design system content. For component styling, use styling-with-tailwind instead. For design-to-code, use implementing-design instead. For frontend codegen, use designing-frontend instead.
How this skill is triggered — by the user, by Claude, or both
Slash command
/design:building-design-systemsThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
詳細な手順・ガイドラインは `INSTRUCTIONS.md` を参照してください。
INSTRUCTIONS.mdreferences/ANTI-PATTERNS.mdreferences/CASE-STUDIES.mdreferences/CONTENT-GUIDELINES.mdreferences/DESIGN-PATTERNS.mdreferences/FIGMA-CODE-INTEGRATION.mdreferences/FIGMA-DESIGN-TOKENS.mdreferences/FIGMA-PATTERN-LIBRARY.mdreferences/FOUNDATIONS.mdreferences/IMPLEMENTATION-OPERATIONS.mdreferences/ORGANIZATION-STRATEGY.mdreferences/STARTING-GUIDE.mdreferences/UI-PATTERNS-CATALOG.md詳細な手順・ガイドラインは INSTRUCTIONS.md を参照してください。
npx claudepluginhub sumik5/sumik-llm-plugin --plugin designCreates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.