·design-system
*

design-system

Создание системы совместного проектирования с использованием методологии Atomic Design. Создает артефакт спецификации с философией, токенами и иерархией компонентов. Активируйте при создании системы дизайна, определении визуального языка, указании токенов пользовательского интерфейса или планировании архитектуры компонентов до начала реализации.

42Установки·3Тренд·@jwilger

Установка

$npx skills add https://github.com/jwilger/agent-skills --skill design-system

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

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

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

Источник: 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
Источник
jwilger/agent-skills
Категория
*Креатив
Проверено
Впервые замечено
2026-02-24
Обновлено
2026-03-10

Browse more skills from jwilger/agent-skills

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

Что такое design-system?

Создание системы совместного проектирования с использованием методологии Atomic Design. Создает артефакт спецификации с философией, токенами и иерархией компонентов. Активируйте при создании системы дизайна, определении визуального языка, указании токенов пользовательского интерфейса или планировании архитектуры компонентов до начала реализации. Источник: jwilger/agent-skills.

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

Откройте терминал или инструмент командной строки (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

Детали

Категория
*Креатив
Источник
skills.sh
Впервые замечено
2026-02-24