design system patterns
✓このスキルは、ユーザーが「디자인 시스템」、「변수」、「테마」、「컬러 팔레트」、「타이포그래피 스케일」、「스페이싱」について質問するときに使用する必要があります。 시스템」、「컴포넌트 라이브러리」、または 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 | 그림자 효과 |
このスキルは、ユーザーが「디자인 시스템」、「변수」、「테마」、「컬러 팔레트」、「타이포그래피 스케일」、「스페이싱」について質問するときに使用する必要があります。 시스템」、「컴포넌트 라이브러리」、または 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 とは？
このスキルは、ユーザーが「디자인 시스템」、「변수」、「테마」、「컬러 팔레트」、「타이포그래피 스케일」、「스페이싱」について質問するときに使用する必要があります。 시스템」、「컴포넌트 라이브러리」、または 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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/gyejoon/pencil-plugin