nextjs-shadcn-builder
✓新しい Next.js アプリケーションを構築するか、体系的な分析と変換を使用して既存のフロントエンド (React、Vue、Angular、バニラ JS など) を Next.js + shadcn/ui に移行します。 shadcn デザイン原則を適用します - テーマ用の CSS 変数、標準 UI コンポーネント、ハードコードされた値なし、一貫したタイポグラフィ/カラー。 Next.js アプリの作成、フロントエンドの移行、shadcn/ui の採用、またはコンポーネント ライブラリの標準化に使用します。 shadcn ドキュメントと自動コードベース分析のための MCP 統合が含まれています。
SKILL.md
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、バニラ JS など) を Next.js + shadcn/ui に移行します。 shadcn デザイン原則を適用します - テーマ用の CSS 変数、標準 UI コンポーネント、ハードコードされた値なし、一貫したタイポグラフィ/カラー。 Next.js アプリの作成、フロントエンドの移行、shadcn/ui の採用、またはコンポーネント ライブラリの標準化に使用します。 shadcn ドキュメントと自動コードベース分析のための MCP 統合が含まれています。 ソース: ovachiever/droid-tings。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/ovachiever/droid-tings --skill nextjs-shadcn-builder- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
nextjs-shadcn-builder とは？
新しい Next.js アプリケーションを構築するか、体系的な分析と変換を使用して既存のフロントエンド (React、Vue、Angular、バニラ JS など) を Next.js + shadcn/ui に移行します。 shadcn デザイン原則を適用します - テーマ用の CSS 変数、標準 UI コンポーネント、ハードコードされた値なし、一貫したタイポグラフィ/カラー。 Next.js アプリの作成、フロントエンドの移行、shadcn/ui の採用、またはコンポーネント ライブラリの標準化に使用します。 shadcn ドキュメントと自動コードベース分析のための MCP 統合が含まれています。 ソース: 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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/ovachiever/droid-tings
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01