Tooluck logoTooluck
SKILL.md

claude-design-system

Agent skill fromJimLiu/baoyu-design

Create and revise design systems in the Design System artifact format (project/design-system.json, tokens.json, a README brand book, component previews, fonts and asset groups) as local files, then open them in a local design-system page where the user can browse and edit tokens, type, components and assets. Use when the user asks for a design system or brand kit in this format, built from a code repository, a design tool or scratch, names claude-design-system or the Design System type, or wants to revise a folder that holds project/design-system.json. claude-slides and claude-design install these systems. Not for a free-form HTML style guide, UI kit or token page.

How to install claude-design-system

install claude-design-system
# install the baoyu-design pack with the skills CLI
npx skills add JimLiu/baoyu-design

# or add only this skill to Claude Code: copy the folder

skills/claude-design-system/

# into

~/.claude/skills/claude-design-system/ (all projects)

.claude/skills/claude-design-system/ (one project)

Read SKILL.md on GitHubThis repository's license doesn't allow showing an excerpt here.

More skills in baoyu-design

Keep exploring

Similar skill repositories

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates