frontend-fundamentals
79フロントエンドコンポーネントの基礎をレビューする
フロントエンドレビューでは、コンポーネントが保守しにくくなるまで、アーキテクチャ、状態、アクセシビリティ、パフォーマンスの問題が見落とされがちです。このスキルは、Claude、Codex、Claude Codeがコンポーネント品質のための焦点を絞ったチェックリスト質問とレビューパターンに沿って進められるようにします。
レビュー前にテストカバレッジを確認する
チームは迅速なレビュー中に、重要なパスのテストを見落としがちです。このスキルは、Claude、Codex、Claude Code が焦点を絞ったテスト確認を行えるように導きます。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "testing-gate" from https://skillstore.io/skills/danielpodolsky-testing-gate.md and its manifest at https://skillstore.io/api/skills/danielpodolsky-testing-gate/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「testing-gate」を使用しています。 機能には正常系と1つのエッジケースに対する単体テストが含まれている。
期待される結果:
テストゲート合格。レビューでは、カバー済みの振る舞いを強調し、主な強みを挙げ、将来の改善案を1つ提案します。
「testing-gate」を使用しています。 学習者が時間切れになったため、機能にテストがない。
期待される結果:
テストゲート警告。回答では、テストが重要な理由を説明し、次に何をテストすべきかを尋ねたうえで、レビューの継続を許可します。
「testing-gate」を使用しています。 機能にはテストがあるが、実装の詳細だけを確認している。
期待される結果:
テストゲート警告。フィードバックでは品質上の問題を説明し、代わりにユーザーから見える振る舞いをテストすることを提案します。
All ten static findings are false positives caused by Markdown formatting, response templates, and ordinary testing guidance. No evidence found of prompt injection, data exfiltration, network access, or instructions to execute commands.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/danielpodolsky-testing-gate/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/danielpodolsky-testing-gate?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/danielpodolsky-testing-gate?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/danielpodolsky-testing-gate/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/danielpodolsky-testing-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). testing-gate security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/danielpodolsky-testing-gate/audits/8@techreport{danielpodolsky-danielpodolsky-testing-gate-2026,
author = {DanielPodolsky},
title = {testing-gate security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/danielpodolsky-testing-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: "testing-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-testing-gate/audits/8"
identifiers:
- type: other
value: "skillstore:danielpodolsky-testing-gate:audit:8"
description: "Skillstore immutable audit report identifier"
コードレビューに進む前に、自分のテストが何を証明しているかを学習者が説明できるように導きます。
正常系、エッジケース、エラーに対して意味のあるテストが機能に含まれているかを確認します。
開発者が面接やプロジェクト紹介文で話せるテスト作業を特定できるようにします。
この機能にテストゲートを使用してください。どのテストが存在するか、それらが何を証明しているか、重要なパスに不足がないかを確認してください。
これらのテストをテストゲートでレビューしてください。最も弱いカバレッジ領域を特定し、進行を妨げずに実践的な改善案を1つ提案してください。
このプロジェクトスタックにテストゲートを適用してください。適切なテスト種別と、最も重要な振る舞いに対する次のテストを1つ推奨してください。
テストゲートを使用して、この機能に面接で説明できるテスト根拠があるかを評価してください。強み、ギャップ、簡潔な面接での説明ポイントを要約してください。
作成者
DanielPodolskyライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
34f316ba14ef36c7a620fc09f2676d2429997a77
メンテナンスの新しさ
2026/7/24
利用状況
6 ダウンロード · 285 閲覧
ファイル構成
📄 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 が進められるように支援します。
テストとQAワークフローの調整
作成者 sickn33
テスト作業が複数のツールに分散していると、チームは品質上のギャップを見落としがちです。このスキルは、ユニット、統合、E2E、ブラウザ、パフォーマンス、レビューの各ワークフローを整理します。
信頼性の高いテスト自動化を構築
作成者 89jobrien
弱いテストはリリースを遅らせ、リグレッションを見逃します。このスキルは、テスト戦略、TDD、自動化、カバレッジレビュー、Playwright による Web チェックをガイドします。
構造化された品質チェックでコードをレビューする
作成者 alirezarezvani
コードレビューでは、品質、セキュリティ、保守性の問題を見落とすことがあります。このスキルは、スクリプト、チェックリスト、レポート生成を使って構造化されたレビューを支援します。
コードベース全体で信頼性の高いテストを計画する
作成者 0xDarkMatter
このスキルは、テスト範囲を混在させずに、チームがテスト戦略、モック、データフィクスチャ、カバレッジゲート、CIパターンを選択するのに役立ちます。Claude、Codex、Claude Codeに、ユニット、統合、エンドツーエンド、TDD、パイプラインテストのための構造化されたガイダンスを提供します。
ソフトウェアの問題を体系的にデバッグする
作成者 Asmayaseen
構造化されていないバグ修正は時間を浪費し、本当の失敗原因を隠すことがあります。このスキルは Claude、Codex、Claude Code に、証拠に基づく根本原因分析をガイドします。
より良い Go テストを構築する
作成者 89jobrien
Go チームには、ユニット、統合、モック、ベンチマーク、カバレッジにわたって一貫したテストが必要です。このスキルは、Claude、Codex、Claude Code が開発中に適用できる実践的な Go テストパターンを提供します。