frontend-code-review

Name: frontend-code-review
Author: langgenius/dify

langgeniusテスト・品質10.1k 回インストール

frontend-code-review について

ユーザーが明示的にレビューまたは監査を求めた場合に、`web/` または `packages/dify-ui/` 配下のフロントエンドコードをレビューします。PR、ブランチ、保留中の変更、ファイル、貼り付けられた差分に対応します。実装のみの依頼、レビューの意図がない診断、バックエンドのみのコードには使用しないでください。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://langgenius/dify --skill frontend-code-review

インストール後、Claude Code で/frontend-code-reviewを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/

accessibility-ui.md

code-quality.md

component-architecture.md

data-query-contracts.md

dify-ui.md

performance.md

testing.md

Markdown 対応

ログインしてコメント

基本情報

作者: langgenius/dify
カテゴリ: テスト・品質
インストール数: 10,073

問題を報告

おすすめの Skills

すべての Skills

hyperframes-cli

github.com/heygen-com

1.3M

HyperFrames CLI 開発ループ。npx hyperframes init、add、catalog、capture、lint、validate、inspect、layout、snapshot、compare、grade-compare、preview、play、render、publish、feedback、lambda、doctor、browser、info、upgrade、skills、compositions、docs、benchmark、telemetry、transcribe、tts、remove-background を実行する場合、または HyperFrames ビルド/レンダリング環境のトラブルシューティングを行う場合に使用します。AWS Lambda クラウドレンダリングのエントリーポイント（hyperframes lambda deploy / render / progress / destroy / policies / sites）。

tdd

github.com/mattpocock

1.2M

テスト駆動開発。ユーザーが機能構築やバグ修正をテストファーストで行いたい場合、「レッドグリーンリファクタリング」に言及している場合、または統合テストを望む場合に使用します。

anti-ui-slop

uizze.com

932.8k

コーディングエージェントによる画一的なUIの出荷を防ぎます。UIZZEの80万以上の実際のウェブおよびiOS画面を活用して、製品に特化したインターフェースを構築し、デザイン契約を定義し、必要な状態を網羅して、厳格な完成ゲートを実行します。Codex、Claude Code、Cursor、Copilotなどのコーディングエージェントで、ウェブまたはiOSインターフェースの設計、実装、再設計、批評、出荷前レビューを行う際に使用します。「anti-ui-slop」「stop UI slop」「ground this UI in real screens」「run the UI finish gate」で起動します。

diagnosing-bugs

github.com/mattpocock

856.9k

難しいバグやパフォーマンスの劣化を診断するためのループです。ユーザーが"diagnose"/"debug this"と言った場合、または何かが壊れている、例外を投げている、失敗している、遅いと報告した場合に使用します。