BeClaude

design-system-toolkit

New
GitHub TrendingGeneralby brianamazzio

Two Claude Code skills for design systems: generate one from a brand interview, or import an existing one from Figma into a spec + code tokens + visual guide.

First seen 6/5/2026

Install & Usage

1
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/design-system-toolkit.md https://raw.githubusercontent.com/brianamazzio/design-system-toolkit/main/SKILL.md
3
Invoke in Claude Code
/design-system-toolkit
View source on GitHub
design

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is design-system-toolkit?

Two Claude Code skills for design systems: generate one from a brand interview, or import an existing one from Figma into a spec + code tokens + visual guide.

How to install design-system-toolkit?

To install design-system-toolkit: create the skills directory (mkdir -p .claude/skills), then run: mkdir -p .claude/skills && curl -o .claude/skills/design-system-toolkit.md https://raw.githubusercontent.com/brianamazzio/design-system-toolkit/main/SKILL.md. Finally, /design-system-toolkit in Claude Code.

What is design-system-toolkit best for?

design-system-toolkit is a skill categorized under General. It is designed for: design. Created by brianamazzio.