·atomic-design
*

atomic-design

Методология атомарного проектирования для архитектуры компонентов React. Используйте для структурирования библиотек компонентов, организации иерархий пользовательского интерфейса и создания масштабируемых систем проектирования. Запускается по запросам на организацию компонентов, структуру системы проектирования, иерархию пользовательского интерфейса или вопросы об атомах/молекулах/организмах/шаблонах/страницах.

6Установки·0Тренд·@ibutters

Установка

$npx skills add https://github.com/ibutters/claudecodeplugins --skill atomic-design

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

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

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

Источник: ibutters/claudecodeplugins.

Molecules Combine atoms into functional units with single responsibility.

Examples: Header, Footer, ProductCard, CommentSection, Sidebar, DataTable

Templates Page-level layouts without real content. Define structure only.

Методология атомарного проектирования для архитектуры компонентов React. Используйте для структурирования библиотек компонентов, организации иерархий пользовательского интерфейса и создания масштабируемых систем проектирования. Запускается по запросам на организацию компонентов, структуру системы проектирования, иерархию пользовательского интерфейса или вопросы об атомах/молекулах/организмах/шаблонах/страницах. Источник: ibutters/claudecodeplugins.

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

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

Команда установки
npx skills add https://github.com/ibutters/claudecodeplugins --skill atomic-design
Категория
*Креатив
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from ibutters/claudecodeplugins

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

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

Методология атомарного проектирования для архитектуры компонентов React. Используйте для структурирования библиотек компонентов, организации иерархий пользовательского интерфейса и создания масштабируемых систем проектирования. Запускается по запросам на организацию компонентов, структуру системы проектирования, иерархию пользовательского интерфейса или вопросы об атомах/молекулах/организмах/шаблонах/страницах. Источник: ibutters/claudecodeplugins.

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

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

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

https://github.com/ibutters/claudecodeplugins

Детали

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