component-refactoring
✓Dify フロントエンドで複雑性の高い React コンポーネントをリファクタリングします。 `pnpm edit-component --json` が複雑度 > 50 または lineCount > 300 を示した場合、ユーザーがコード分割、フック抽出、または複雑さの軽減を要求した場合、または `pnpm apply-component` がテスト前にリファクタリングするよう警告した場合に使用します。単純な/適切に構造化されたコンポーネント、サードパーティのラッパー、またはユーザーがリファクタリングなしで明示的にテストしたい場合は避けてください。
インストール
SKILL.md
Refactor high-complexity React components in the Dify frontend codebase with the patterns and workflow below.
Complexity Threshold: Components with complexity > 50 (measured by pnpm analyze-component) should be refactored before testing.
Use paths relative to web/ (e.g., app/components/...). Use refactor-component for refactoring prompts and analyze-component for testing prompts and metrics.
Dify フロントエンドで複雑性の高い React コンポーネントをリファクタリングします。 `pnpm edit-component --json` が複雑度 > 50 または lineCount > 300 を示した場合、ユーザーがコード分割、フック抽出、または複雑さの軽減を要求した場合、または `pnpm apply-component` がテスト前にリファクタリングするよう警告した場合に使用します。単純な/適切に構造化されたコンポーネント、サードパーティのラッパー、またはユーザーがリファクタリングなしで明示的にテストしたい場合は避けてください。 ソース: langgenius/dify。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/langgenius/dify --skill component-refactoring- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
component-refactoring とは？
Dify フロントエンドで複雑性の高い React コンポーネントをリファクタリングします。 `pnpm edit-component --json` が複雑度 > 50 または lineCount > 300 を示した場合、ユーザーがコード分割、フック抽出、または複雑さの軽減を要求した場合、または `pnpm apply-component` がテスト前にリファクタリングするよう警告した場合に使用します。単純な/適切に構造化されたコンポーネント、サードパーティのラッパー、またはユーザーがリファクタリングなしで明示的にテストしたい場合は避けてください。 ソース: langgenius/dify。
component-refactoring のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/langgenius/dify --skill component-refactoring インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/langgenius/dify
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01