Design System AI Tools

Chinese Font SelectorOpen Source

全网首个中文字体专业知识包：可商用中文字体库（授权三级分类）、场景×气质选字矩阵、中英混排与排版规则。让 AI 选中文设计字体不再甩给你一堆 Inter / Chinese font selection agent skill: license-safe free commercial CJK fonts, scene-based selection matrix, CJK-Latin pairing rules. Works with Claude Code / Cursor / Kimi / Codex.

Claude Design Auditor SkillOpen Source

A Claude skill that audits designs against 19 professional design rules.

Scroll CraftOpen Source

An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.

Design TasteOpen Source

Elite frontend design taste for Claude Code / Cowork — a merged synthesis of emilkowalski/skill, pbakaus/impeccable, and leonxlnx/taste-skill. Typography, color, motion, components, anti-slop.

Roast My Design SystemOpen Source

AI design system scanner + mcp server. Scores repos 0-100, writes fix prompts. 30K+ npm downloads.

Web DesignOpen Source

A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.

SpotkitOpen Source

Spotkit — a Claude Code skill that turns a feature description into minimal, abstract SVG product illustrations that all belong to one design system.

Ux Ui Agent SkillsOpen Source

Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.

Refactoring Ui SkillOpen Source

Unofficial Claude Skill derived from the book Refactoring UI — a design rulebook and diagnostic layer for web UI. 151 tracked rules, design token generation, and Tailwind mappings.

Kubai IconsOpen Source

An agent skill that draws animated icons in one consistent style, for Claude Code, Codex and other coding agents. Comes with 2,600+ open-source icons for React, Vue and SVG, and a website to browse them.

HueOpen Source

open-source skill that learns any brand and turns it into a complete design system. works on claude code and codex. install once, every UI your assistant builds matches your brand.

Design DnaOpen Source

Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.

AnydesignOpen Source

Claude skill that analyzes images, websites, and Figma files and generates a structured design.md with token system, component inventory, and reconstruction notes.

Taste SkillOpen Source

Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages