design-system

Audit design systems for naming inconsistencies and component completeness.

23.4k|2.8k|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/anthropics/knowledge-work-plugins --skill design-system-anthropics
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-system
Source: https://github.com/anthropics/knowledge-work-plugins/tree/main/design/skills/design-system
Command: npx skills add https://github.com/anthropics/knowledge-work-plugins --skill design-system-anthropics

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps maintain consistency and quality in your design system by auditing for issues, documenting components, and assisting in the creation of new patterns.

Core Features & Use Cases

  • Audit: Perform a comprehensive check of your design system for naming inconsistencies, hardcoded values, and component completeness.
  • Document: Generate detailed documentation for individual components, including variants, states, accessibility notes, and usage guidelines.
  • Extend: Design new components or patterns that align with your existing design system principles.
  • Use Case: A team can use this Skill to audit their existing component library for adherence to design tokens and then document a newly created button component before it's released.

Quick Start

Run /design-system audit to perform a full system audit.

Frequently Asked Questions about design-system

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit my design system for naming inconsistencies and hardcoded values?

To audit a design system, perform a comprehensive check for naming inconsistencies, hardcoded values, and component completeness. This process identifies adherence issues to ensure consistency, flexibility, and proper documentation across your component library.

What is the best way to document component variants and states for a UI library?

The best way to document component variants and states is to generate detailed documentation that includes accessibility notes and usage guidelines. This ensures your UI patterns are properly recorded and aligned with established design system principles.

Can I design new UI patterns that align with my existing design tokens?

Yes, you can extend your design system by designing new components or patterns that strictly align with your existing design tokens and principles. This maintains consistency and flexibility while expanding your established UI component library.

Does a design system audit check for component completeness and adherence to design tokens?

Yes, a design system audit checks for component completeness and adherence to design tokens. It performs a comprehensive review to identify naming inconsistencies, hardcoded values, and gaps in your established UI patterns and component library.

How do I prepare a new button component before releasing it to a design system?

To prepare a new button component, audit your existing library for design token adherence, then document the component's variants, states, accessibility notes, and usage guidelines before release. This ensures quality and consistency within your system.