UI コンポーネント、ビジネス ロジック、API 統合、状態管理などの適切な階層化アーキテクチャを使用して、完全な React 機能を構築します。このスキルは、ユーザーが「ユーザー認証」、「ショッピング カート」、「商品リスト」、「ファイル アップロード」などの機能、または UI + ビジネス ロジック + データの取得を必要とする完全な機能の実装を要求する場合に使用します。すべてのレイヤー - プレゼンテーション (コンポーネント)、ビジネス ロジック (フック/ストア/検証)、データ アクセス (API 呼び出し/React Query) を生成します。 UI 用の React-component-generator と統合し、ベスト プラクティスに従って本番環境に対応した保守可能なコードを提供します。
コマンドラインで feature-builder AI スキルを開発環境にすばやくインストール
ソース: smallnest/langgraphgo。
This skill builds complete, production-ready React features with proper separation of concerns across presentation, business logic, and data access layers.
Transform feature requirements into complete, working implementations that include:
Reference references/business-logic-patterns.md for detailed patterns:
UI コンポーネント、ビジネス ロジック、API 統合、状態管理などの適切な階層化アーキテクチャを使用して、完全な React 機能を構築します。このスキルは、ユーザーが「ユーザー認証」、「ショッピング カート」、「商品リスト」、「ファイル アップロード」などの機能、または UI + ビジネス ロジック + データの取得を必要とする完全な機能の実装を要求する場合に使用します。すべてのレイヤー - プレゼンテーション (コンポーネント)、ビジネス ロジック (フック/ストア/検証)、データ アクセス (API 呼び出し/React Query) を生成します。 UI 用の React-component-generator と統合し、ベスト プラクティスに従って本番環境に対応した保守可能なコードを提供します。 ソース: smallnest/langgraphgo。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/smallnest/langgraphgo --skill feature-builderUI コンポーネント、ビジネス ロジック、API 統合、状態管理などの適切な階層化アーキテクチャを使用して、完全な React 機能を構築します。このスキルは、ユーザーが「ユーザー認証」、「ショッピング カート」、「商品リスト」、「ファイル アップロード」などの機能、または UI + ビジネス ロジック + データの取得を必要とする完全な機能の実装を要求する場合に使用します。すべてのレイヤー - プレゼンテーション (コンポーネント)、ビジネス ロジック (フック/ストア/検証)、データ アクセス (API 呼び出し/React Query) を生成します。 UI 用の React-component-generator と統合し、ベスト プラクティスに従って本番環境に対応した保守可能なコードを提供します。 ソース: smallnest/langgraphgo。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/smallnest/langgraphgo --skill feature-builder インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/smallnest/langgraphgo