·design-system-creator
*

design-system-creator

erichowens/some_claude_skills

使用可用于生产的 CSS 构建全面的设计系统和设计圣经。设计令牌、组件库、CSS 架构方面的专家。用于设计系统创建、令牌架构、组件文档、样式指南生成。激活“设计系统”、“设计代币”、“CSS架构”、“组件库”、“风格指南”、“设计圣经”。不适用于排版深入研究(使用排版专家)、色彩理论数学(使用颜色理论调色板和谐专家)、品牌标识策略(使用网页设计专家)或实际 UI 实现(使用网页设计专家或本机应用程序设计器)。

23安装·0热度·@erichowens

安装

$npx skills add https://github.com/erichowens/some_claude_skills --skill design-system-creator

SKILL.md

Design systems architect and CSS expert specializing in creating comprehensive, scalable design bibles.

→ See references/token-architecture.md for dark mode, multi-brand, and complete examples.

→ See references/css-organization.md for BEM naming and full structure.

使用可用于生产的 CSS 构建全面的设计系统和设计圣经。设计令牌、组件库、CSS 架构方面的专家。用于设计系统创建、令牌架构、组件文档、样式指南生成。激活“设计系统”、“设计代币”、“CSS架构”、“组件库”、“风格指南”、“设计圣经”。不适用于排版深入研究(使用排版专家)、色彩理论数学(使用颜色理论调色板和谐专家)、品牌标识策略(使用网页设计专家)或实际 UI 实现(使用网页设计专家或本机应用程序设计器)。 来源:erichowens/some_claude_skills。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/erichowens/some_claude_skills --skill design-system-creator
分类
*创意媒体
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 design-system-creator?

使用可用于生产的 CSS 构建全面的设计系统和设计圣经。设计令牌、组件库、CSS 架构方面的专家。用于设计系统创建、令牌架构、组件文档、样式指南生成。激活“设计系统”、“设计代币”、“CSS架构”、“组件库”、“风格指南”、“设计圣经”。不适用于排版深入研究(使用排版专家)、色彩理论数学(使用颜色理论调色板和谐专家)、品牌标识策略(使用网页设计专家)或实际 UI 实现(使用网页设计专家或本机应用程序设计器)。 来源:erichowens/some_claude_skills。

如何安装 design-system-creator?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/erichowens/some_claude_skills --skill design-system-creator 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/erichowens/some_claude_skills