·nextjs-shadcn-builder
</>

nextjs-shadcn-builder

Создавайте новые приложения Next.js или переносите существующие интерфейсы (React, Vue, Angular, vanilla JS и т. д.) на Next.js + shadcn/ui с систематическим анализом и преобразованием. Соблюдает принципы дизайна Shadcn — переменные CSS для оформления тем, стандартные компоненты пользовательского интерфейса, отсутствие жестко закодированных значений, единообразная типографика/цвета. Используйте для создания приложений Next.js, миграции интерфейсов, внедрения shadcn/ui или стандартизации библиотек компонентов. Включает интеграцию MCP для документации Shadcn и автоматического анализа кодовой базы.

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

Установка

$npx skills add https://github.com/ovachiever/droid-tings --skill nextjs-shadcn-builder

Как установить nextjs-shadcn-builder

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

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

Источник: ovachiever/droid-tings.

Build production-grade Next.js applications or systematically migrate existing frontends to Next.js + shadcn/ui following strict design principles and best practices.

Phase 1: Codebase Analysis Automated analysis of existing frontend to understand scope and complexity.

Phase 2: Migration Planning Create systematic conversion plan with prioritized batches.

Создавайте новые приложения Next.js или переносите существующие интерфейсы (React, Vue, Angular, vanilla JS и т. д.) на Next.js + shadcn/ui с систематическим анализом и преобразованием. Соблюдает принципы дизайна Shadcn — переменные CSS для оформления тем, стандартные компоненты пользовательского интерфейса, отсутствие жестко закодированных значений, единообразная типографика/цвета. Используйте для создания приложений Next.js, миграции интерфейсов, внедрения shadcn/ui или стандартизации библиотек компонентов. Включает интеграцию MCP для документации Shadcn и автоматического анализа кодовой базы. Источник: ovachiever/droid-tings.

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

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

Команда установки
npx skills add https://github.com/ovachiever/droid-tings --skill nextjs-shadcn-builder
Источник
ovachiever/droid-tings
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from ovachiever/droid-tings

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

Что такое nextjs-shadcn-builder?

Создавайте новые приложения Next.js или переносите существующие интерфейсы (React, Vue, Angular, vanilla JS и т. д.) на Next.js + shadcn/ui с систематическим анализом и преобразованием. Соблюдает принципы дизайна Shadcn — переменные CSS для оформления тем, стандартные компоненты пользовательского интерфейса, отсутствие жестко закодированных значений, единообразная типографика/цвета. Используйте для создания приложений Next.js, миграции интерфейсов, внедрения shadcn/ui или стандартизации библиотек компонентов. Включает интеграцию MCP для документации Shadcn и автоматического анализа кодовой базы. Источник: ovachiever/droid-tings.

Как установить nextjs-shadcn-builder?

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

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

https://github.com/ovachiever/droid-tings

Детали

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