·design system patterns
</>

design system patterns

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.

20Installazioni·2Tendenza·@gyejoon

Installazione

$npx skills add https://github.com/gyejoon/pencil-plugin --skill design system patterns

Come installare design system patterns

Installa rapidamente la skill AI design system patterns nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/gyejoon/pencil-plugin --skill design system patterns
  3. Verifica l'installazione: 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

Fonte: gyejoon/pencil-plugin.

디자인 토큰은 디자인 시스템의 기본 단위로, 변수로 정의하여 일관성을 유지한다.

| 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

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/gyejoon/pencil-plugin --skill design system patterns
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from gyejoon/pencil-plugin

Risposte rapide

Che cos'è design system patterns?

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.

Come installo design system patterns?

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

Dov'è il repository sorgente?

https://github.com/gyejoon/pencil-plugin

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-02-01