interactive-component-creator
✓インタラクティブな Web コンポーネントと成果物を構築します。インタラクティブな UI 要素、ビジュアライゼーション、Web ベースのアプリケーションを作成します。
SKILL.md
Stack: React 18 + TypeScript + Vite + Parcel (bundling) + Tailwind CSS + shadcn/ui
VERY IMPORTANT: To avoid what is often referred to as "AI slop", avoid using excessive centered layouts, purple gradients, uniform rounded corners, and Inter font.
Run the initialization script to create a new React project:
インタラクティブな Web コンポーネントと成果物を構築します。インタラクティブな UI 要素、ビジュアライゼーション、Web ベースのアプリケーションを作成します。 ソース: qodex-ai/ai-agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/qodex-ai/ai-agent-skills --skill interactive-component-creator- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
interactive-component-creator とは？
インタラクティブな Web コンポーネントと成果物を構築します。インタラクティブな UI 要素、ビジュアライゼーション、Web ベースのアプリケーションを作成します。 ソース: qodex-ai/ai-agent-skills。
interactive-component-creator のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/qodex-ai/ai-agent-skills --skill interactive-component-creator インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/qodex-ai/ai-agent-skills