·component-library
</>

component-library

Комплексная библиотека компонентов React, содержащая более 30 готовых к использованию компонентов, использующих архитектуру shadcn/ui, варианты CVA, примитивы пользовательского интерфейса Radix и CSS Tailwind. Используйте, когда пользователям необходимо (1) создавать компоненты пользовательского интерфейса React с современными шаблонами, (2) создавать полноценные системы компонентов с единообразным дизайном, (3) реализовывать доступные, отзывчивые компоненты, готовые к работе в темном режиме, (4) создавать компоненты форм с интеграцией React Hook Form, (5) создавать компоненты отображения данных, такие как таблицы, карточки, диаграммы, или (6) создавать компоненты навигации, макета или обратной связи. Обеспечивает мгновенное создание настраиваемых компонентов, написание каждого из которых в противном случае заняло бы 20–45 минут.

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

Установка

$npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill component-library

Как установить component-library

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

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

Источник: bbeierle12/skill-mcp-claude.

Generate production-ready React components with shadcn/ui patterns, saving 8-10 hours per project.

Комплексная библиотека компонентов React, содержащая более 30 готовых к использованию компонентов, использующих архитектуру shadcn/ui, варианты CVA, примитивы пользовательского интерфейса Radix и CSS Tailwind. Используйте, когда пользователям необходимо (1) создавать компоненты пользовательского интерфейса React с современными шаблонами, (2) создавать полноценные системы компонентов с единообразным дизайном, (3) реализовывать доступные, отзывчивые компоненты, готовые к работе в темном режиме, (4) создавать компоненты форм с интеграцией React Hook Form, (5) создавать компоненты отображения данных, такие как таблицы, карточки, диаграммы, или (6) создавать компоненты навигации, макета или обратной связи. Обеспечивает мгновенное создание настраиваемых компонентов, написание каждого из которых в противном случае заняло бы 20–45 минут. Источник: bbeierle12/skill-mcp-claude.

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

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

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

Команда установки
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill component-library
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from bbeierle12/skill-mcp-claude

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

Что такое component-library?

Комплексная библиотека компонентов React, содержащая более 30 готовых к использованию компонентов, использующих архитектуру shadcn/ui, варианты CVA, примитивы пользовательского интерфейса Radix и CSS Tailwind. Используйте, когда пользователям необходимо (1) создавать компоненты пользовательского интерфейса React с современными шаблонами, (2) создавать полноценные системы компонентов с единообразным дизайном, (3) реализовывать доступные, отзывчивые компоненты, готовые к работе в темном режиме, (4) создавать компоненты форм с интеграцией React Hook Form, (5) создавать компоненты отображения данных, такие как таблицы, карточки, диаграммы, или (6) создавать компоненты навигации, макета или обратной связи. Обеспечивает мгновенное создание настраиваемых компонентов, написание каждого из которых в противном случае заняло бы 20–45 минут. Источник: bbeierle12/skill-mcp-claude.

Как установить component-library?

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

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

https://github.com/bbeierle12/skill-mcp-claude

Детали

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