·design system patterns
</>

design system patterns

Этот навык следует использовать, когда пользователь спрашивает о «системе дизайна», «переменных», «теме», «цветовой палитре», «типографском масштабе», «системе интервалов», «библиотеке компонентов» или хочет создавать или управлять компонентами и токенами системы дизайна в Pencil.

20Установки·2Тренд·@gyejoon

Установка

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

Как установить design system patterns

Быстро установите AI-навык design system patterns в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/gyejoon/pencil-plugin --skill design system patterns
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: 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 | 그림자 효과 |

Этот навык следует использовать, когда пользователь спрашивает о «системе дизайна», «переменных», «теме», «цветовой палитре», «типографском масштабе», «системе интервалов», «библиотеке компонентов» или хочет создавать или управлять компонентами и токенами системы дизайна в 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

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/gyejoon/pencil-plugin --skill design system patterns
Источник
gyejoon/pencil-plugin
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from gyejoon/pencil-plugin

Короткие ответы

Что такое 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 или OpenClaw

Где находится исходный репозиторий?

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

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01