Skills · Design · Free
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.
About this skill
Design system is a free skill package, version 1.0.0, in the Design section of the TopxAI skill library. A skill is a folder with a SKILL.md file of instructions, plus any scripts and references it needs. Agents that read SKILL.md, such as Claude Code, Codex and Cursor, load a skill when a task matches its description.
Requirements: Install it in any agent that supports SKILL.md, then configure the local tools its SKILL.md lists; TopxAI Desktop has them ready.
Adapted from Anthropic knowledge-work-plugins (Apache-2.0). The package keeps the upstream licence and lists TopxAI's changes in its notice.
Install
Install it with the open skills CLI (Node.js), which copies it into Claude Code, Codex, Cursor and the other agents it detects; leave out -g to install into the current project only:
npx skills add https://api.topxai.xyz --skill design-system -g
To install by hand, download the ZIP and extract it into a folder named design-system in your agent's skills directory, keeping SKILL.md, scripts, references and licence files together. Read SKILL.md and configure its tools before the first use. TopxAI Desktop is not required.
Related skills
- Accessibility review
- Anatomy · interactive figures
- Architecture diagrams
- Astryx design
- Canvas design
- Design critique
Other languages: 简体中文