← All skills

design-system

95 / 100 · Low risk

Fine to try.

By JimLiu/baocut (GitHub) · coding · 1,762 stars · scanned at commit b3044ad

用户要建立或修改设计系统时用：品牌的颜色、文字样式、间距与圆角 tokens，给智能体看的品牌手册 README，bundle 与预览，标志、图标与字体。在工作目录写一个设计系统目录（design-system.json 加 tokens.json、README.md、components/、assets/、fonts/），可以从代码仓库或设计工具里的真实来源整理；图片、视频与 PDF 导入设计系统的素材库，校验通过后线程里出现设计系统卡片，用户在功能区预览与编辑；做好的设计系统可以装进设计稿。

Works with any agent that supports SKILL.md skills.

What this skill can do

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'design-system' ] || [ -L ~/.agents/skills/'design-system' ]; then echo 'A skill folder named design-system already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/JimLiu/baocut' "$d" && git -C "$d" checkout --quiet 'b3044adb40a36ea4b4a4eced81577e3cfedfd9eb' -- 'skills/baocut/built-in-skills/design-system' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/baocut/built-in-skills/design-system' ~/.agents/skills/'design-system' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'design-system' ~/.claude/skills/'design-system' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for JimLiu/baocut shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/JimLiu/baocut.svg)](https://zalavijaysinh.github.io/skilltrust/repos/JimLiu/baocut/)

Score history