frontend-fundamentals
79フロントエンドコンポーネントの基礎をレビューする
フロントエンドレビューでは、コンポーネントが保守しにくくなるまで、アーキテクチャ、状態、アクセシビリティ、パフォーマンスの問題が見落とされがちです。このスキルは、Claude、Codex、Claude Codeがコンポーネント品質のための焦点を絞ったチェックリスト質問とレビューパターンに沿って進められるようにします。
テスト戦略とテスト品質をレビューする
不十分なテスト計画は重要な動作を見落とし、壊れやすいテストスイートを生み出します。このスキルは、Claude、Codex、Claude Code がテストをレビューし、フレームワークを選択し、価値のあるユーザーフローにカバレッジを集中させるのに役立ちます。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "testing-fundamentals" from https://skillstore.io/skills/danielpodolsky-testing-fundamentals.md and its manifest at https://skillstore.io/api/skills/danielpodolsky-testing-fundamentals/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「testing-fundamentals」を使用しています。 成功したログインのみをチェックするログインフォームのテストスイートをレビューする。
期待される結果:
「testing-fundamentals」を使用しています。 Vite React のチェックアウト機能向けにテスト戦略を作成する。
期待される結果:
「testing-fundamentals」を使用しています。 クラスセレクターと大きなスナップショットを使っているテストを改善する。
期待される結果:
All static findings were adjudicated as false positives. The external command hits are Markdown fenced diagrams and testing examples, not executable code, and no prompt injection or malicious intent was found in SKILL.md.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/danielpodolsky-testing-fundamentals/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/danielpodolsky-testing-fundamentals?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/danielpodolsky-testing-fundamentals?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/danielpodolsky-testing-fundamentals/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/danielpodolsky-testing-fundamentals.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-fundamentals security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/danielpodolsky-testing-fundamentals/audits/8@techreport{danielpodolsky-danielpodolsky-testing-fundamentals-2026,
author = {DanielPodolsky},
title = {testing-fundamentals security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/danielpodolsky-testing-fundamentals/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-fundamentals 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-fundamentals/audits/8"
identifiers:
- type: other
value: "skillstore:danielpodolsky-testing-fundamentals:audit:8"
description: "Skillstore immutable audit report identifier"
ジュニア開発者に、価値のあるテストカバレッジ、エッジケース、レビュー観点を案内します。
React テストについて、動作への焦点、セマンティックなクエリ、バランスの取れたモックを評価します。
機能を出荷する前に、価値の高いユニットテスト、統合テスト、E2E テストを選択します。
testing-fundamentals を使って、このテストファイルを動作への焦点、壊れやすいセレクター、不足しているエッジケースの観点でレビューしてください。
testing-fundamentals を使って、この機能のテスト計画を作成してください。ユニット、統合、エンドツーエンドのカバレッジを分けてください。
testing-fundamentals を使って、このテストスイートを改善してください。過剰なモックを減らし、ユーザーに見える動作にテストを集中させてください。
testing-fundamentals を使って、このリリースのテスト戦略を監査してください。カバレッジの不足、フレームワークの適合性、価値の高い E2E フローを特定してください。
作成者
DanielPodolskyライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
34f316ba14ef36c7a620fc09f2676d2429997a77
メンテナンスの新しさ
2026/7/18
利用状況
5 ダウンロード · 258 閲覧
ファイル構成
📄 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 が進められるように支援します。
Vueのテストプラクティスを改善する
作成者 vuejs-ai
Vueのテストスイートは、しばしば不安定で壊れやすく、設定が難しくなります。このスキルは、Vitest、Vue Test Utils、Pinia、非同期ヘルパー、Playwrightを使用して、信頼性の高いVue 3テストを作成するための実践的なガイダンスを提供します。
実践的なテスト戦略を構築する
作成者 Atman36
チームは、明確なスコープ、ツール、カバレッジ目標がないままテストを追加しがちです。このスキルは、Vitest、Playwright、CIテストのための実践的な計画を提供します。
信頼性の高いテスト自動化を構築
作成者 89jobrien
弱いテストはリリースを遅らせ、リグレッションを見逃します。このスキルは、テスト戦略、TDD、自動化、カバレッジレビュー、Playwright による Web チェックをガイドします。
信頼性の高いJestテストスイートを構築する
作成者 C0ntr0lledCha0s
Jestプロジェクトでは、一貫したセットアップ、モック、アサーションパターンが必要になることがよくあります。このスキルは、JavaScript、TypeScript、React、Vitestスタイルのテスト向けに、焦点を絞ったガイダンス、テンプレート、チェックを提供します。
Playwrightテストカバレッジの改善
作成者 C0ntr0lledCha0s
Playwrightスイートは、設定、ロケーター、フィクスチャに一貫性がないと不安定になることがあります。このスキルは、信頼性の高いブラウザテスト、デバッグ、再利用可能なページオブジェクトのための実践的なパターンを提供します。
Playwright Web アプリテストを作成
作成者 AutumnsGrove
手動のブラウザテストは時間がかかり、フォーム、デバイス、ネットワーク状態にまたがるリグレッションを見逃しがちです。このスキルは、Claude、Codex、Claude Code が実際の Web ワークフロー向けの実用的な Playwright テストを作成するのに役立ちます。