Создание системы совместного проектирования с использованием методологии Atomic Design. Создает артефакт спецификации с философией, токенами и иерархией компонентов. Активируйте при создании системы дизайна, определении визуального языка, указании токенов пользовательского интерфейса или планировании архитектуры компонентов до начала реализации.
Быстро установите AI-навык design-system в вашу среду разработки через командную строку
Источник: jwilger/agent-skills.
Value: Communication -- a documented design system creates shared vocabulary for every visual decision. When philosophy is explicit and tokens are named, contributors extend the system consistently without guessing at intent.
Facilitates collaborative creation of a design system specification. Produces an artifact at docs/design-system.pen (if Pencil MCP is available) or docs/design-system.html (single-file fallback) that documents philosophy, tokens, and the full component hierarchy from atoms through templates.
Decide the format before starting any design work. Do not switch formats mid-process.
Создание системы совместного проектирования с использованием методологии Atomic Design. Создает артефакт спецификации с философией, токенами и иерархией компонентов. Активируйте при создании системы дизайна, определении визуального языка, указании токенов пользовательского интерфейса или планировании архитектуры компонентов до начала реализации. Источник: jwilger/agent-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/jwilger/agent-skills --skill design-systemСоздание системы совместного проектирования с использованием методологии Atomic Design. Создает артефакт спецификации с философией, токенами и иерархией компонентов. Активируйте при создании системы дизайна, определении визуального языка, указании токенов пользовательского интерфейса или планировании архитектуры компонентов до начала реализации. Источник: jwilger/agent-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/jwilger/agent-skills --skill design-system После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/jwilger/agent-skills