design system patterns
✓This skill should be used when the user asks about "디자인 시스템", "변수", "테마", "컬러 팔레트", "타이포그래피 스케일", "스페이싱 시스템"、"컴포넌트 라브러리"，或者想要在 Pencil 中创建或管理设计系统组件和令牌。
SKILL.md
디자인 토큰은 디자인 시스템의 기본 단위로, 변수로 정의하여 일관성을 유지한다.
| Colors | primary, secondary, neutral | 브랜드 색상, UI 색상 | | Typography | heading, body, caption | 폰트 크기, 굵기, 행간 | | Spacing | xs, sm, md, lg, xl | 여백, 간격 | | Radii | sm, md, lg, full | 모서리 둥글기 | | Shadows | sm, md, lg | 그림자 효과 |
This skill should be used when the user asks about "디자인 시스템", "변수", "테마", "컬러 팔레트", "타이포그래피 스케일", "스페이싱 시스템"、"컴포넌트 라브러리"，或者想要在 Pencil 中创建或管理设计系统组件和令牌。 来源：gyejoon/pencil-plugin。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/gyejoon/pencil-plugin --skill design system patterns 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/gyejoon/pencil-plugin --skill design system patterns- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 design system patterns？
This skill should be used when the user asks about "디자인 시스템", "변수", "테마", "컬러 팔레트", "타이포그래피 스케일", "스페이싱 시스템"、"컴포넌트 라브러리"，或者想要在 Pencil 中创建或管理设计系统组件和令牌。 来源：gyejoon/pencil-plugin。
如何安装 design system patterns？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/gyejoon/pencil-plugin --skill design system patterns 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/gyejoon/pencil-plugin