frontend-components
79再利用可能なフロントエンドコンポーネントの構築
フロントエンドチームには、フレームワークをまたいだ一貫したコンポーネント構造が必要です。このスキルは、Claude、Codex、Claude Code が焦点の明確な再利用可能な UI コンポーネントを設計できるように支援します。
焦点を絞った振る舞いテストを書く
チームはしばしば、ユーザーの振る舞いではなく実装の詳細をなぞる壊れやすいテストを追加してしまいます。このスキルは、Claude、Codex、Claude Code が重要なワークフロー向けに焦点を絞ったテストを書くための指針を提供します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "testing-test-writing" from https://skillstore.io/skills/eis-its-testing-test-writing.md and its manifest at https://skillstore.io/api/skills/eis-its-testing-test-writing/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「testing-test-writing」を使用しています。 依頼: チェックアウトワークフローのテストを追加する。
期待される結果:
「testing-test-writing」を使用しています。 依頼: 壊れやすいコンポーネントテストをレビューする。
期待される結果:
「testing-test-writing」を使用しています。 依頼: 新しい API エンドポイントのカバレッジを選ぶ。
期待される結果:
The only static finding is a hardcoded Markdown link in SKILL.md that uses parent-directory segments to reference a testing standards document. I did not find prompt injection, exfiltration intent, or executable behavior in the scanned file.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/eis-its-testing-test-writing/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/eis-its-testing-test-writing?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/eis-its-testing-test-writing?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eis-its-testing-test-writing/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/eis-its-testing-test-writing.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>EIS-ITS. (2026). testing-test-writing security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eis-its-testing-test-writing/audits/10@techreport{eis-its-eis-its-testing-test-writing-2026,
author = {EIS-ITS},
title = {testing-test-writing security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/eis-its-testing-test-writing/audits/10},
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-test-writing security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "EIS-ITS"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/eis-its-testing-test-writing/audits/10"
identifiers:
- type: other
value: "skillstore:eis-its-testing-test-writing:audit:10"
description: "Skillstore immutable audit report identifier"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
新しいワークフローを構築した後、ユーザーに見える振る舞いを説明する名前で、焦点を絞ったテストを追加します。
受け入れ条件を、ビジネス上重要なパス向けの簡潔な単体テストと統合テストに変換します。
広範なテストの書き換えを求めることなく、レビューやリファクタリング時に一貫したテストの期待値を設定します。
このスキルを使用して、[function or component] の最小限の単体テストを書いてください。主な振る舞いに焦点を当て、外部依存関係をモック化してください。
このスキルを使用して、[workflow] のテストを計画してください。クリティカルパスを特定し、カバレッジの種類を選び、実装の詳細を避けてください。
このスキルを使用して、[feature] の既存テストをレビューしてください。振る舞いに基づく名前を提案し、壊れやすいアサーションを減らし、有用なカバレッジを維持してください。
このスキルを使用して、[feature] の焦点を絞ったカバレッジを設計してください。主要ワークフロー、失敗処理、モック、フィクスチャ、対象外のテストを分けてください。
作成者
EIS-ITSライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
メンテナンスの新しさ
2026/7/24
利用状況
7 ダウンロード · 223 閲覧
ファイル構成
📄 SKILL.md
再利用可能なフロントエンドコンポーネントの構築
フロントエンドチームには、フレームワークをまたいだ一貫したコンポーネント構造が必要です。このスキルは、Claude、Codex、Claude Code が焦点の明確な再利用可能な UI コンポーネントを設計できるように支援します。
フロントエンドのアクセシビリティを改善する
フロントエンドチームは、日常的なUI作業の中で、キーボード、セマンティック、スクリーンリーダーに関する要件を見落としがちです。このスキルは、Claude、Codex、Claude Code がインターフェースの作成や編集を行う際にアクセシビリティチェックを適用できるよう支援します。
一貫したコーディングスタイルを適用
一貫性のないコードはレビューを遅らせ、保守を難しくします。このスキルは、Claude、Codex、Claude Code に対して、読みやすく一貫したコードを書くための明確なルールを提供します。
一貫性のあるフロントエンドCSSを構築する
フロントエンドのスタイリングは、ファイル、コンポーネント、フレームワーク間で一貫性が失われがちです。このスキルは、Claude、Codex、Claude Code が一貫した CSS 手法とデザイントークンに従えるように導きます。
エントリーポイント全体で入力を検証する
入力検証は、フォーム、API、ビジネスルールの間で一貫性を失いがちです。このスキルは、Claude、Codex、Claude Code を安全なバリデーションパターンへ導きます。
アプリケーションのエラー処理を改善する
一貫性のないエラー処理は、失敗を隠し、ユーザーを混乱させる可能性があります。このスキルは、Claude、Codex、Claude Code が明確な例外、検証、クリーンアップ、復旧パスへ進めるよう導きます。
より良い Go テストを構築する
作成者 89jobrien
Go チームには、ユニット、統合、モック、ベンチマーク、カバレッジにわたって一貫したテストが必要です。このスキルは、Claude、Codex、Claude Code が開発中に適用できる実践的な Go テストパターンを提供します。
コードベース全体で信頼性の高いテストを計画する
作成者 0xDarkMatter
このスキルは、テスト範囲を混在させずに、チームがテスト戦略、モック、データフィクスチャ、カバレッジゲート、CIパターンを選択するのに役立ちます。Claude、Codex、Claude Codeに、ユニット、統合、エンドツーエンド、TDD、パイプラインテストのための構造化されたガイダンスを提供します。
Rustのテストカバレッジを改善
作成者 EmilLindfors
テストが不足していると、Rustのエラーパスやエッジケースが保護されないままになります。このスキルはコードとテストをレビューし、的を絞ったカバレッジ改善を提案します。
トレイトパターンでRustのテストモックを構築する
作成者 EmilLindfors
Rustのテストは、データベース、HTTPサービス、実インフラに依存すると、遅くなったり壊れやすくなったりしがちです。このスキルは、Claude、Codex、Claude Codeがトレイトベースのモック、制御された失敗、フィクスチャヘルパーを設計するのに役立ちます。
信頼性の高いテスト自動化を構築
作成者 89jobrien
弱いテストはリリースを遅らせ、リグレッションを見逃します。このスキルは、テスト戦略、TDD、自動化、カバレッジレビュー、Playwright による Web チェックをガイドします。
WebアプリのQAカバレッジを改善する
作成者 alirezarezvani
現代のチームには、デリバリーを遅らせることなく、明確なテスト戦略と実践的な自動化が必要です。このスキルは、Claude、Codex、Claude Codeがテストを計画し、カバレッジをレビューし、QAワークフローをスキャフォールドするのに役立ちます。