Design · Skill
Design system
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.
- Works better with a connected tool
What the skill covers
The sections of its instructions, in order.
- 01 Usage
- 02 Components of a Design System
- Design Tokens
- Components
- Patterns
- 03 Principles
- 04 Output — Audit
- 05 Output — Document
- 06 Output — Extend
- 07 If Connectors Available
- 08 Tips
More in Design
- Accessibility review
Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design for color contrast…
- Design critique
Get structured design feedback on usability, hierarchy, and consistency. Trigger with "review this design", "critique this mockup", "what do you think of this screen?", or when…
- Design handoff
Generate developer handoff specs from a design. Use when a design is ready for engineering and needs a spec sheet covering layout, design tokens, component props, interaction…
- Research synthesis
Synthesize user research into themes, insights, and recommendations. Use when you have interview transcripts, survey results, usability test notes, support tickets, or NPS…
- User Research
Plan, conduct, and synthesize user research. Trigger with "user research plan", "interview guide", "usability test", "survey design", "research questions", or when the user needs…
- Ux copy
Write or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with "write copy for", "what should this button say?", "review this error message", or when…
Similar design skills
Frequently asked questions
What does Design system do?
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.
Is Design system free to use?
Yes. Design system is published by Anthropic under the Apache 2.0 licence, and you can use it with a free Phở account.
How do I use Design system in Phở?
Press Open in Phở, then Try to apply it to your next message, or add the Design set so Phở loads it whenever a request matches.
Does Design system need other tools?
Some steps expect a connected tool, such as a CRM or a document store. Without one, Phở does those steps with what you paste or upload.
Copied unchanged from anthropics/knowledge-work-plugins at commit d900840 and credited to Anthropic, who is not affiliated with Phở. The full instructions and licence text ship with the skill inside Phở.