anthropics avatar

Design System Management

If you've ever inherited a design system with half-documented components and mystery hardcoded values everywhere, this is your cleanup crew. It'll audit your entire system for naming inconsistencies and rogue hex codes, generate proper documentation tables with variants and accessibility notes, or help you design new patterns that actually fit the existing token structure. The audit output is especially practical: it gives you a scored table of component completeness and a prioritized action list instead of vague observations. Works standalone but can connect to Figma to pull component properties directly. Think of it as technical debt management for your UI layer.

skills.sh installs
118
GitHub stars
35.3K
last updated
Aug 21, 2026

Install

$ npx -y skills add anthropics/knowledge-work-plugins --skill design-system-management --agent claude-code

Installs into .claude/skills of the current project.

Files

If you've ever inherited a design system with half-documented components and mystery hardcoded values everywhere, this is your cleanup crew. It'll audit your entire system for naming inconsistencies and rogue hex codes, generate proper documentation tables with variants and accessibility notes, or help you design new patterns that actually fit the existing token structure. The audit output is especially practical: it gives you a scored table of component completeness and a prioritized action list instead of vague observations. Works standalone but can connect to Figma to pull component properties directly. Think of it as technical debt management for your UI layer.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/anthropics/knowledge-work-plugins
Categories
Frontend Development, Documentation, Code Review & Quality, Design & UI/UX
First seen
Jun 3, 2026

More from anthropics/knowledge-work-plugins

All 198
1resend avatarmarketing-pagesresend/design-skillsCreating, updating, editing, or deleting marketing/public pages in the Resend codebase. Covers page structure, component reuse rules, and the distinction betwee2skills.sh installs
2resend avatarresend-design-systemresend/design-skillsBuilding or modifying UI in the Resend codebase. Provides component APIs, variant options, design tokens, composition patterns for all src/ui/ primitives, and t2skills.sh installs
3aircrushin avataragent-sdkaircrushin/promptMinderExpert in Claude Agent SDK development. Use when users ask about SDK API, agent configuration, MCP servers, hooks, permissions, file checkpointing, or when they0skills.sh installs
4anam-org avatarclaude-improve-configanam-org/metaxySelf-reflect on the current session to identify mistakes and propose improvements to .claude configuration (CLAUDE.md, hooks, skills).0skills.sh installs
5anbeime avatarcontent-research-writeranbeime/skillAssists in writing high-quality content by conducting research, adding citations, improving hooks, iterating on outlines, and providing real-time feedback on ea0skills.sh installs
6awesome-skills avatarMobile App Design Standardsawesome-skills/mobile-app-designThis skill should be used when the user asks to "design mobile UI", "review app design", "check UI guidelines", "improve app UX", "design React Native interface0skills.sh installs