design-system Skill
Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and accessibility notes, or designing a new pattern that fits the existing system. Published by anthropics in knowledge-work-plugins.
What is design-system Skill?
Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and accessibility notes, or designing a new pattern that fits the existing system. Published by anthropics in knowledge-work-plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Security review
- Documentation
- Design and media
- Writing
- Security review use cases
Technical details
- Install or run with Copy skill directory
When to use design-system Skill
- Use it for security review.
- Use it for documentation.
- Use it for design and media.
- Use it for writing.
Built with
Editorial notes
Source
- Creator: anthropics
- Repository: anthropics/knowledge-work-plugins
- Skill file: design/skills/design-system/SKILL.md
What it does
Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and accessibility notes, or designing a new pattern that fits the existing system.
Skill instructions
/design-system If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md. Manage your design system — audit for consistency, document components, or design new patterns. Usage /design-system audit Full system audit /design-system document [component] Document a component /design-system extend [pattern] Design a new component or pattern Components of a Design System Design Tokens Atomic values that define the visual language: - Colors (brand, semantic, neutral) - Typography (scale, weights, line heights) - Spacing (scale, component padding) - Borders (radius, width) - Shadows (elevation levels) - Motion (durations, easings) Components Reusable UI elements with defined: - Variants (primary, secondary, ghost) - States (default, hover, active, disabled, loading, error) - Sizes (sm, md, lg) - Behavior (interactions, animations) - Accessibility (ARIA, keyboard) Patterns Common UI solutions combining components: - Forms (input groups, validation, submiss
Explore related resources
Frequently asked questions
What is design-system?
design-system is a open-source AI agent skill with Copy skill directory. Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and.
Who is design-system best for?
design-system is best for reusing agent instructions, scripts, and references, security review workflows, documentation workflows, design and media workflows.
How do I install design-system?
Install or run design-system using Copy skill directory. Check design-system for the latest setup command.
Is design-system actively maintained?
design-system may need a closer maintenance check before production use.
Auto-fetched from GitHub.
