·react-component-generator
</>

react-component-generator

TypeScript、Tailwind CSS、Zustand 状態管理のベスト プラクティスに従って React コンポーネントを生成します。このスキルは、ユーザーが React コンポーネント、UI 要素の作成を要求する場合、またはコンポーネントの生成について言及する場合に使用します。基本コンポーネント、フォーム、リスト、カード、ボタン、モーダル、Zustand 統合によるステートフル コンポーネントなどの一般的なコンポーネント パターンをサポートします。

21インストール·0トレンド·@smallnest

インストール

$npx skills add https://github.com/smallnest/langgraphgo --skill react-component-generator

react-component-generator のインストール方法

コマンドラインで react-component-generator AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/smallnest/langgraphgo --skill react-component-generator
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: smallnest/langgraphgo。

This skill provides templates and best practices for generating high-quality React components using TypeScript, Tailwind CSS, and Zustand for state management.

Generate production-ready React components that follow industry best practices and maintain consistency across the codebase. The skill includes pre-built templates for common component patterns and comprehensive best practices documentation.

The skill provides the following templates in the assets/ directory:

TypeScript、Tailwind CSS、Zustand 状態管理のベスト プラクティスに従って React コンポーネントを生成します。このスキルは、ユーザーが React コンポーネント、UI 要素の作成を要求する場合、またはコンポーネントの生成について言及する場合に使用します。基本コンポーネント、フォーム、リスト、カード、ボタン、モーダル、Zustand 統合によるステートフル コンポーネントなどの一般的なコンポーネント パターンをサポートします。 ソース: smallnest/langgraphgo。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/smallnest/langgraphgo --skill react-component-generator
カテゴリ
</>開発ツール
認証済み
初回登録
2026-03-06
更新日
2026-03-10

Browse more skills from smallnest/langgraphgo

クイックアンサー

react-component-generator とは?

TypeScript、Tailwind CSS、Zustand 状態管理のベスト プラクティスに従って React コンポーネントを生成します。このスキルは、ユーザーが React コンポーネント、UI 要素の作成を要求する場合、またはコンポーネントの生成について言及する場合に使用します。基本コンポーネント、フォーム、リスト、カード、ボタン、モーダル、Zustand 統合によるステートフル コンポーネントなどの一般的なコンポーネント パターンをサポートします。 ソース: smallnest/langgraphgo。

react-component-generator のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/smallnest/langgraphgo --skill react-component-generator インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/smallnest/langgraphgo