frontend-fundamentals
79フロントエンドコンポーネントの基礎をレビューする
フロントエンドレビューでは、コンポーネントが保守しにくくなるまで、アーキテクチャ、状態、アクセシビリティ、パフォーマンスの問題が見落とされがちです。このスキルは、Claude、Codex、Claude Codeがコンポーネント品質のための焦点を絞ったチェックリスト質問とレビューパターンに沿って進められるようにします。
リリース前のエラーハンドリングレビュー
未処理のエラーは、ユーザー体験を混乱させ、本番環境での診断を弱めます。このスキルは、Claude、Codex、Claude Code が失敗経路、フィードバック、ログ、クリーンアップ、エッジケースをレビューするためのガイドです。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "error-handling-gate" from https://skillstore.io/skills/danielpodolsky-error-handling-gate.md and its manifest at https://skillstore.io/api/skills/danielpodolsky-error-handling-gate/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「error-handling-gate」を使用しています。 エラーをキャッチするものの Error だけを表示するプロフィール保存フローをレビューする。
期待される結果:
WARNING: ユーザーフィードバックが汎用的すぎます。ユーザーが次に何をできるかを確認し、その失敗が安全にログ記録されていることを確認してください。
「error-handling-gate」を使用しています。 リトライ、親しみやすい文言、ロギング、ローディングのクリーンアップを備えたデータ読み込みフローをレビューする。
期待される結果:
PASS: 主要な失敗経路には、復旧ガイダンス、本番環境での可視性、保留中のUI状態のクリーンアップが含まれています。
「error-handling-gate」を使用しています。 サードパーティ決済エラーを伴うチェックアウト連携をレビューする。
期待される結果:
WARNING: ユーザーが正確なガイダンスを受け取れるように、支払い拒否、ネットワーク障害、不明なエラーを分離してください。
All 14 static findings are false positives caused by Markdown code fences and inline examples, not executable shell or Ruby backtick execution. The skill is prose-only review guidance and contains no prompt injection, network access, or command execution instructions. No semantic security findings were found.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/danielpodolsky-error-handling-gate/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/danielpodolsky-error-handling-gate?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/danielpodolsky-error-handling-gate?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/danielpodolsky-error-handling-gate/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/danielpodolsky-error-handling-gate.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>DanielPodolsky. (2026). error-handling-gate security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/danielpodolsky-error-handling-gate/audits/8@techreport{danielpodolsky-danielpodolsky-error-handling-gate-2026,
author = {DanielPodolsky},
title = {error-handling-gate security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/danielpodolsky-error-handling-gate/audits/8},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "error-handling-gate security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "DanielPodolsky"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/danielpodolsky-error-handling-gate/audits/8"
identifiers:
- type: other
value: "skillstore:danielpodolsky-error-handling-gate:audit:8"
description: "Skillstore immutable audit report identifier"
フロントエンド変更をリリースする前に、フォーム送信、ローディング状態、ユーザーメッセージをレビューします。
API、データベース、サードパーティの失敗経路について、ロギング、復旧、明確なレスポンスを評価します。
機能作業のリリース承認前に、一貫した警告ベースのチェックリストを適用します。
error-handling-gate スキルを使用してこの変更をレビューしてください。不足しているエラーハンドリングを特定し、警告があれば平易な言葉で説明してください。
表示されるエラー状態に error-handling-gate スキルを適用してください。何が起きたのか、次に何をすべきかをユーザーが理解できるか確認してください。
error-handling-gate スキルを使用して、主要な失敗経路のロギング、機密データリスク、デバッグコンテキストをレビューしてください。
この機能全体に error-handling-gate スキルを実行してください。場所、質問、重大度、推奨修正を含めて PASS または WARNING を返してください。
作成者
DanielPodolskyライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
34f316ba14ef36c7a620fc09f2676d2429997a77
メンテナンスの新しさ
2026/7/22
利用状況
7 ダウンロード · 201 閲覧
ファイル構成
📄 SKILL.md
フロントエンドコンポーネントの基礎をレビューする
フロントエンドレビューでは、コンポーネントが保守しにくくなるまで、アーキテクチャ、状態、アクセシビリティ、パフォーマンスの問題が見落とされがちです。このスキルは、Claude、Codex、Claude Codeがコンポーネント品質のための焦点を絞ったチェックリスト質問とレビューパターンに沿って進められるようにします。
コード基本事項レビュー
小さな可読性の問題は、コードレビューを遅くし、保守を難しくします。このスキルは、命名、構造、再利用、コメントをレビューし、Claude、Codex、または Claude Code が明確な合格または提案のガイダンスを返せるようにします。
エンジニアリング基礎のレビュー
チームでは、可読性、命名、コード構成について一貫したフィードバックが必要になることがよくあります。このスキルは、Claude、Codex、Claude Code に、日常的なコード品質レビューのための実践的なチェックリストを提供します。
リリース前にパフォーマンスリスクをレビューする
パフォーマンスリスクは、コードが動作した後、スケールによって弱い経路が露呈する前に現れることがよくあります。このスキルは、Claude、Codex、Claude Code に焦点を絞ったパフォーマンスレビューの質問を案内します。
エラー処理の基礎をレビュー
不十分なエラー処理は失敗を隠し、ユーザーを混乱させ、本番環境でのデバッグを遅らせます。このスキルは、明確なメッセージ、復旧手段、有用なログに向けてレビューを導きます。
React アクセシビリティの基礎をレビューする
インタラクティブな React インターフェースでは、キーボード操作、ラベル付け、フォーカス要件が見落とされがちです。このスキルは、JSX、フォーム、ナビゲーション、ダイアログに対する実践的な WCAG チェックを、Claude、Codex、Claude Code が進められるように支援します。
Rust のエラーハンドリングを改善
作成者 EmilLindfors
多くの Rust コードベースでは、失敗が panic や曖昧なエラーの背後に隠れています。このスキルはパターンをレビューし、慣用的な Result、thiserror、anyhow の改善を提案します。
Pythonコード品質の改善
作成者 shubhamsaboo
Pythonプロジェクトでは、より強固な正確性、型、スタイルが必要になることがよくあります。このスキルは、実践的なPythonのベストプラクティスを使って実装とレビューを導きます。
エラーと根本原因のデバッグ
作成者 89jobrien
証拠がログ、スタックトレース、サービス全体に分散していると、エラーやインシデントのトリアージは困難です。このスキルは診断を構造化し、ログを解析し、パターンを特定し、最小限の修正へ導きます。
構造化された品質チェックでコードをレビューする
作成者 alirezarezvani
コードレビューでは、品質、セキュリティ、保守性の問題を見落とすことがあります。このスキルは、スクリプト、チェックリスト、レポート生成を使って構造化されたレビューを支援します。
コードのコンテキストをより速く見つける
作成者 89jobrien
開発者は、コードがなぜ存在するのか、何がそれに依存しているのかを追跡するのに時間を失いがちです。このスキルは、変更前に Claude、Codex、Claude Code に対して、関連するグラフ知識、呼び出し元、インポート、テストを収集するよう促します。
ソフトウェアの問題を体系的にデバッグする
作成者 Asmayaseen
構造化されていないバグ修正は時間を浪費し、本当の失敗原因を隠すことがあります。このスキルは Claude、Codex、Claude Code に、証拠に基づく根本原因分析をガイドします。