frontend-fundamentals
79フロントエンドコンポーネントの基礎をレビューする
フロントエンドレビューでは、コンポーネントが保守しにくくなるまで、アーキテクチャ、状態、アクセシビリティ、パフォーマンスの問題が見落とされがちです。このスキルは、Claude、Codex、Claude Codeがコンポーネント品質のための焦点を絞ったチェックリスト質問とレビューパターンに沿って進められるようにします。
完了前にコードの所有理解を確認する
AI支援コーディングにより、学習者が自分では説明できないコードを出荷できてしまうことがあります。このスキルは、完了前に構造化された質問で理解度を確認します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "ownership-gate" from https://skillstore.io/skills/danielpodolsky-ownership-gate.md and its manifest at https://skillstore.io/api/skills/danielpodolsky-ownership-gate/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「ownership-gate」を使用しています。 学習者が機能の流れを説明し、トレードオフを挙げ、エッジケースに明確に対応できる。
期待される結果:
OWNERSHIP GATE: PASSED. 学習者は、先に進むのに十分なレベルで流れ、理由、失敗時の挙動を説明しました。
「ownership-gate」を使用しています。 学習者が、AIがコードを提案したと言い、主要な関数を説明できない。
期待される結果:
OWNERSHIP GATE: BLOCKED. 混乱している箇所をレビューし、サンプルデータを追跡し、理解を再構築してから再試行してください。
「ownership-gate」を使用しています。 学習者はほとんどのロジックを理解しているが、1つの依存関係とそのエラー時の挙動でつまずいている。
期待される結果:
回復の焦点をその依存関係に当てます。どのデータが入り、どのデータが返り、失敗したときに何が起きるのかを質問してください。
The static external command findings are false positives caused by Markdown fenced response templates. The blocker findings are mentoring prompts about explaining code, not system reconnaissance. No prompt injection, data exfiltration, or malicious intent was found in SKILL.md.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/danielpodolsky-ownership-gate/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/danielpodolsky-ownership-gate?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/danielpodolsky-ownership-gate?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/danielpodolsky-ownership-gate/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/danielpodolsky-ownership-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). ownership-gate security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/danielpodolsky-ownership-gate/audits/8@techreport{danielpodolsky-danielpodolsky-ownership-gate-2026,
author = {DanielPodolsky},
title = {ownership-gate security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/danielpodolsky-ownership-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: "ownership-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-ownership-gate/audits/8"
identifiers:
- type: other
value: "skillstore:danielpodolsky-ownership-gate:audit:8"
description: "Skillstore immutable audit report identifier"
タスク完了とする前に、ジュニア開発者がAIの助けで生成されたコードを理解しているか確認します。
コードレビューでの議論を、意思決定、トレードオフ、学んだパターンの明確な説明に変換します。
学習者がパターンをコピーしたものの理解を再構築する必要があるとき、焦点を絞った質問を使用します。
最新の変更に対して ownership gate を実行してください。コードをステップごとに説明するよう私に求め、その後 PASS または BLOCKED を判定してください。
この機能に ownership gate を使ってください。なぜこのアプローチを選んだのか、どの代替案を検討したのか、どのトレードオフを受け入れたのかを質問してください。
現実的な要件変更を1つ、エッジケースを1つ使って ownership gate を適用してください。私の回答が理解不足を示す場合は完了をブロックしてください。
ownership gate に失敗しました。混乱している関数とそのデータフローを説明できるようになるまで、ソクラテス式の質問で導いてください。
作成者
DanielPodolskyライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
34f316ba14ef36c7a620fc09f2676d2429997a77
メンテナンスの新しさ
2026/7/24
利用状況
11 ダウンロード · 220 閲覧
ファイル構成
📄 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 が進められるように支援します。
構造化されたフィードバックでコードレビューを改善する
作成者 sickn33
コードレビューでは、重要なリスクを見落としたり、対応しにくくなったりすることがあります。このスキルは、Claude、Codex、Claude Code に、明確な重大度、根拠、フォローアップ質問を備えた構造化レビュー手法を提供します。
構造化された品質チェックでコードをレビューする
作成者 alirezarezvani
コードレビューでは、品質、セキュリティ、保守性の問題を見落とすことがあります。このスキルは、スクリプト、チェックリスト、レポート生成を使って構造化されたレビューを支援します。
コーディングエージェントのワークフローを管理する
作成者 kiwi-phantomworks
タスク、スコープ、チェックが曖昧だと、コーディングエージェントのプロジェクトは方向性がぶれやすくなります。このスキルは、Claude、Codex、Claude Code の作業を範囲内に保ち、検証可能にするためのPMテンプレートとレビュー規則を提供します。
バグとセキュリティ問題のコードレビュー
作成者 21pounder
コードレビューでは、バグ、セキュリティ上の欠陥、保守性の問題を見落とすことがあります。このスキルは、Claude、Codex、Claude Code に構造化されたレビュー手順を案内します。
GitHubプルリクエストをより速くレビューする
作成者 Bind
コードレビューの調整では、GitHub CLIでの確認やコメントを繰り返し行う必要がよくあります。このskillは、トリアージ、ガイドライン参照、インラインフィードバックのためのPRレビュー支援機能を文書化しています。
React と Next.js のパフォーマンス最適化
作成者 vercel-labs
React と Next.js アプリは、ウォーターフォール、大きなバンドル、回避可能な再レンダリングによって速度が低下しがちです。このスキルは、エージェントがより安全にパフォーマンス重視の変更を行うための具体的なルールを提供します。