design system patterns

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 | 그림자 효과 |

Diese Fertigkeit sollte verwendet werden, wenn der Benutzer nach „디자인 Ԁ스템“, „변수“, „테마“, „컬러 팔레트“, „타이포 그래피 스케일“, „스페이싱 스템“ fragt. „컴포넌트 라이브러리“ oder möchte Designsystemkomponenten und Tokens in Pencil erstellen oder verwalten. Quelle: gyejoon/pencil-plugin.

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/gyejoon/pencil-plugin --skill design system patterns Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Original anzeigen