frontend-code-review
Dify フロントエンド変更のレビュー
フロントエンドレビューでは、アクセシビリティ、データ境界、コンポーネント所有権の問題が見落とされがちです。このスキルは、Claude と Codex に Dify React および Next.js のコードレビュー向けの重点チェックリストを提供します。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "frontend-code-review" from https://skillstore.io/skills/langgenius-frontend-code-review.md and its manifest at https://skillstore.io/api/skills/langgenius-frontend-code-review/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「frontend-code-review」を使用しています。 設定ダイアログへの保留中の変更をレビューしてください。
期待される結果:
- 指摘事項は重大度順に並べられます。
- 各指摘事項には、利用可能な場合はファイルと行が含まれます。
- 回答では、その問題が重要な理由を説明し、具体的な修正方針を示します。
「frontend-code-review」を使用しています。 問題が見つからなかったコンポーネントリファクタリングをレビューしてください。
期待される結果:
問題は見つかりませんでした。回答では、実行されなかったテストや残るレビュー上の制約についても記載します。
「frontend-code-review」を使用しています。 カスタムコントロールを使用するフォームを監査してください。
期待される結果:
- レビューでは、アクセシブルな名前、フィールドラベル、キーボード動作、無効状態、エラー回復をチェックします。
- ユーザーに見える問題を引き起こさない限り、スタイルのみのフィードバックは避けます。
セキュリティ監査
安全All static findings are false positives from Markdown formatting, repository path references, a public guideline URL, and frontend review prose. No evidence found of executable command use, covert network behavior, prompt injection, or malicious intent in the reviewed files.
リスク要因
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/langgenius-frontend-code-review/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/langgenius-frontend-code-review?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/langgenius-frontend-code-review?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/langgenius-frontend-code-review/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/langgenius-frontend-code-review.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学術引用 (APA · BibTeX · CFF)
APA形式の引用
langgenius. (2026). frontend-code-review security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/langgenius-frontend-code-review/audits/6BibTeX形式の引用
@techreport{langgenius-langgenius-frontend-code-review-2026,
author = {langgenius},
title = {frontend-code-review security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/langgenius-frontend-code-review/audits/6},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "frontend-code-review security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "langgenius"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/langgenius-frontend-code-review/audits/6"
identifiers:
- type: other
value: "skillstore:langgenius-frontend-code-review:audit:6"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
マージ前にプルリクエストをレビューする
変更された React および Next.js ファイルについて、ユーザーに見える回帰、アクセシビリティ問題、テストの不足をチェックします。
Dify UI コンポーネントのリファクタリングを監査する
コンポーネント所有権、プリミティブの使用、フォーカス動作、インタラクション契約が正しく保たれていることを確認します。
リスクの高いフロントエンドデータフローを検証する
リリース前に、クエリキー、ミューテーション、SSR 境界、URL 状態、ワークスペースまたは認証に関する前提をレビューします。
これらのプロンプトを試す
frontend-code-review スキルを使用して、保留中の Dify フロントエンド変更をレビューしてください。正確性、アクセシビリティ、明確な修正に重点を置いてください。
frontend-code-review スキルを使用して web/path/to/component.tsx をレビューしてください。コンポーネント所有権、Dify UI の使用、アクセシビリティ、テストカバレッジをチェックしてください。
frontend-code-review スキルを使用して、このダイアログまたはフォームフローを監査してください。ラベル、フォーカス動作、キーボードアクセス、無効状態、ポップアップの到達可能性を確認してください。
frontend-code-review スキルを使用して、リリースをブロックし得る徹底的なレビューを行ってください。データ契約、SSR 動作、アクセシビリティ、パフォーマンス、テストにおける P0 および P1 の問題を優先してください。
ベストプラクティス
- レビューしてほしい正確なファイル、diff、またはプルリクエストの範囲を提供してください。
- レビューを簡易、徹底、またはリリースブロッキングのどれにするかを伝えてください。
- 関連するテストを実行するか、テスト上の制約を共有して、レビューに残存リスクを含められるようにしてください。
回避
- api パス配下のバックエンド専用コードには使用しないでください。
- 具体的なフロントエンドリスクなしに、広範なスタイルの好みを尋ねないでください。
- 周辺の所有権やアクセシビリティの文脈が重要な場合、貼り付けられたスニペットを完全なものとして扱わないでください。
よくある質問
このスキルはどのようなプロジェクト向けに設計されていますか？
アクセシビリティ問題をレビューできますか？
テストを自動的に実行しますか？
指摘事項を修正しますか？
なぜ外部ガイドラインを参照するのですか？
Codex はこのスキルを使用できますか？
開発者情報
作成者
langgeniusライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
1ffa7643651792ccb4bd3b15d924d2c97edff755
メンテナンスの新しさ
2026/7/25
利用状況
103 ダウンロード · 212 閲覧