디자인 토큰은 디자인 시스템의 기본 단위로, 변수로 정의하여 일관성을 유지한다.
| Colors | primary, secondary, neutral | 브랜드 색상, UI 색상 | | Typography | heading, body, caption | 폰트 크기, 굵기, 행간 | | Spacing | xs, sm, md, lg, xl | 여백, 간격 | | Radii | sm, md, lg, full | 모서리 둥글기 | | Shadows | sm, md, lg | 그림자 효과 |
Questa abilità dovrebbe essere utilizzata quando l'utente chiede informazioni su "sistema di progettazione", "variabili", "tema", "tavolozza dei colori", "scala tipografica", "sistema di spaziatura", "libreria di componenti" o desidera creare o gestire componenti e token del sistema di progettazione in Pencil. Fonte: gyejoon/pencil-plugin.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/gyejoon/pencil-plugin --skill design system patterns Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw