디자인 토큰은 디자인 시스템의 기본 단위로, 변수로 정의하여 일관성을 유지한다.
| 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 или OpenClaw