·components-build
*

components-build

✓
nolly-studio/components-build-skillGitHub: nolly-studio/components-build-skillИсточник: nolly-studio/components-build-skill

Создавайте современные, компонуемые и доступные компоненты пользовательского интерфейса React, следуя спецификацииComponents.build. Используйте при создании, проверке или рефакторинге библиотек компонентов, систем проектирования или любых повторно используемых компонентов пользовательского интерфейса. Запускается при выполнении задач, включающих API-интерфейсы компонентов, шаблоны композиции, специальные возможности, системы стилей или свойства TypeScript.

nolly-studio·components·build
107Установки·1Тренд·@nolly-studio

Установка

GitHub: nolly-studio/components-build-skill
$npx skills add https://github.com/nolly-studio/components-build-skill --skill components-build

Как установить components-build

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

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

Источник: nolly-studio/components-build-skill.

SKILL.md

Показать raw

Comprehensive guidelines for building modern, composable, and accessible UI components. Contains 16 rule categories covering everything from core principles to distribution, co-authored by Hayden Bleasel and shadcn.

| 1 | Overview | Specification scope and goals | overview | | 2 | Principles | Core design philosophy | principles | | 3 | Definitions | Common terminology | definitions | | 4 | Composition | Breaking down complex components | composition | | 5 | Accessibility | Keyboard, screen readers, ARIA | accessibility |

| 6 | State | Controlled/uncontrolled patterns | state | | 7 | Types | TypeScript props and interfaces | types | | 8 | Polymorphism | Element switching with as prop | polymorphism | | 9 | As-Child | Radix Slot composition pattern | as-child | | 10 | Data Attributes | data-state and data-slot | data-attributes |

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

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

Команда установки
npx skills add https://github.com/nolly-studio/components-build-skill --skill components-build
Источник
nolly-studio/components-build-skill
Категория
*Креатив
Проверено
✓
Впервые замечено
2026-02-01
Обновлено
2026-03-10
URL
https://www.learn-skills.dev/ru/skills/nolly-studio/components-build-skill/components-build

Browse more skills from nolly-studio/components-build-skill

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

Что такое components-build?

Создавайте современные, компонуемые и доступные компоненты пользовательского интерфейса React, следуя спецификацииComponents.build. Используйте при создании, проверке или рефакторинге библиотек компонентов, систем проектирования или любых повторно используемых компонентов пользовательского интерфейса. Запускается при выполнении задач, включающих API-интерфейсы компонентов, шаблоны композиции, специальные возможности, системы стилей или свойства TypeScript. Источник: nolly-studio/components-build-skill.

Как установить components-build?

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

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

https://github.com/nolly-studio/components-build-skill

Детали

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

Похожие навыки

Нет