Difyフロントエンドで、複雑度の高いReactコンポーネントをリファクタリングします。`pnpm analyze-component --json`の結果が複雑度50超えまたは行数300超えの場合、ユーザーがコード分割、フック抽出、複雑度削減を依頼した場合、または`pnpm analyze-component`がテスト前にリファクタリングを警告した場合に使用します。シンプルで適切に構成されたコンポーネントやサードパーティラッパー、ユーザーが明示的にリファクタリングなしでのテストを希望する場合は避けてください。
このスキルは、Difyフロントエンドプロジェクト内の**高複雑度Reactコンポーネント**を体系的にリファクタリングするために設計されています。主な用途は、`pnpm analyze-component --json`コマンドで測定された複雑度が50を超える、または行数が300行を超えるコンポーネントです。また、ユーザーからコード分割、カスタムフックへの抽出、複雑度削減の依頼があった場合や、テスト実行前に`pnpm analyze-component`がリファクタリングを警告した場合にもトリガーされます。このスキルは、Difyプロジェクトの構造に特化しており、コンポーネントの責務を明確に分割し、ロジックを再利用可能なフックに抽出し、ファイルサイズを管理可能な範囲に抑えることで、保守性とテスト容易性を向上させます。シンプルで適切に構成されたコンポーネントやサードパーティラッパー、ユーザーが明示的にリファクタリングなしでテストを希望する場合には適用すべきではありません。
npx skills add https://github.com/langgenius/dify/tree/main/skills/component-refactoringInstalled? Explore more コーディング＆開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Difyフロントエンドの高複雑度Reactコンポーネントをリファクタリングします。以下の場合に使用してください：pnpm analyze-component --json で複雑度が50超えまたは行数が300超えの場合、ユーザーがコード分割、フック抽出、または複雑度削減を依頼した場合、または pnpm analyze-component がテスト前にリファクタリングを警告した場合。以下の場合は避けてください：シンプルで適切に構成されたコンポーネント、サードパーティラッパー、またはユーザーが明示的にリファクタリングなしでテストを希望する場合。
This repo contains 3 individual skills — each has its own dedicated page.
Review backend code for quality, security, maintainability, and best practices based on established checklist rules. Use when the user requests a review, analysis, or improvement of backend files (e.g., `.py`) under the `api/` directory. Do NOT use for frontend files (e.g., `.tsx`, `.ts`, `.js`). Supports pending-change review, code snippets review, and file-focused review.
Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change reviews and focused file reviews while applying the checklist rules.
Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requests.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.