tdd
80Red-Green-RefactorでTDDを導くガイド
テストファーストの作業は、チームが内部実装をテストしたり、最初に多くのテストを書きすぎたりすると、壊れやすくなりがちです。このスキルは、Codex、Claude、Claude Codeに対して、振る舞いに焦点を当てたred-green-refactorサイクルをガイドします。
ロジックとUIのプロトタイプに関する意思決定
チームは、トレードオフを理解する前に状態モデルや画面にコミットしてしまうことがよくあります。このスキルは、Claude、Codex、またはClaude Codeが、1つの設計上の問いにすばやく答えるための使い捨てプロトタイプを構築できるように導きます。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "prototype" from https://skillstore.io/skills/mattpocock-prototype.md and its manifest at https://skillstore.io/api/skills/mattpocock-prototype/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「prototype」を使用しています。 本番用reducerを書く前に、オンボーディングのステートマシンをプロトタイプ化してください。
期待される結果:
表示可能な状態、キーボード操作、実行コマンド、最終判断のためのメモを備えたローカルターミナルプロトタイプ。
「prototype」を使用しています。 既存のレイアウトを使って、設定ページの3つの方向性を示してください。
期待される結果:
3つのルートレベルのバリアント、下部の切り替え機能、安定したURL選択、バリアント決定後のクリーンアップメモ。
「prototype」を使用しています。 ダウングレードフローが請求まわりのエッジケースを処理できるか確認してください。
期待される結果:
フローをモデル化し、状態変化を可視化し、どの前提が成立しなかったかを記録する、焦点を絞ったプロトタイプ。
All seven static findings are false positives caused by safe documentation examples. No malicious execution, covert input capture, secret access, prompt injection, or obfuscated payload was found.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/mattpocock-prototype/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/mattpocock-prototype?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/mattpocock-prototype?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/mattpocock-prototype/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/mattpocock-prototype.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>mattpocock. (2026). prototype security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/mattpocock-prototype/audits/6@techreport{mattpocock-mattpocock-prototype-2026,
author = {mattpocock},
title = {prototype security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/mattpocock-prototype/audits/6},
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: "prototype security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "mattpocock"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/mattpocock-prototype/audits/6"
identifiers:
- type: other
value: "skillstore:mattpocock-prototype:audit:6"
description: "Skillstore immutable audit report identifier"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
本実装を始める前にエッジケースを見えるようにするため、小さなターミナルプロトタイプを構築します。
同じルート上でレビューできる、構造的に異なる複数のページバリアントを作成します。
使い捨てプロトタイプを使って、不明確な要件を具体的な意思決定に変えます。
この状態フローをプロトタイプ化して、主要なアクションを試し、各ステップ後の状態を確認できるようにしてください。
このページについて3つの異なるUIバリアントを作成し、ブラウザー上で切り替えられるようにしてください。
既存のページとデータを使用し、本番の挙動を変更せずに切り替え可能なプロトタイプバリアントを追加してください。
このワークフロー、状態モデル、画面構造がうまく噛み合うかを判断できる最小のプロトタイプを構築してください。
作成者
mattpocockライセンス
MIT
Skillstore リビジョン
r2
バージョンに関する注意
作者はバージョンを宣言していません。
参照
ebdfe608f5de2b66ff37ab4af12af8ac4f5e8006
メンテナンスの新しさ
2026/7/26
利用状況
5 ダウンロード · 68 閲覧
Red-Green-RefactorでTDDを導くガイド
テストファーストの作業は、チームが内部実装をテストしたり、最初に多くのテストを書きすぎたりすると、壊れやすくなりがちです。このスキルは、Codex、Claude、Claude Codeに対して、振る舞いに焦点を当てたred-green-refactorサイクルをガイドします。
焦点を絞った質問で計画をストレステスト
不明瞭な計画には、リスクの高い前提や未解決の依存関係が隠れていることがよくあります。このスキルは、Claude、Codex、Claude Code が、一度に1つの焦点を絞った質問を通じて進められるようにします。
リビングドキュメントで計画を問い直す
設計計画は、プロジェクトの言語や記録された意思決定からずれていくことがよくあります。このスキルは前提に異議を唱え、用語を整理し、意思決定が固まったら CONTEXT.md または ADRs を更新します。
エージェントスキルを作成
チームには、エージェントが発見して正しく使用できる一貫したスキルファイルが必要です。このスキルは、構造、説明、例、スクリプト、レビュー確認を通じて作成者をガイドします。
厳しいインタビューで計画をプレッシャーテストする
計画や設計は、弱い前提が見つかるのが遅すぎるために失敗することがよくあります。このスキルは、実行が始まる前にギャップを突く集中的な厳しい質問セッションを開始します。
生のメモから記事のビートを構築する
生のメモを読みやすい記事にまとめるのは難しい場合があります。このスキルは、Claude、Codex、または Claude Code が、選択された1つのナラティブビートずつ進められるように支援します。
実際の問題からパーソナルツールを作る
作成者 sickn33
既存のツールが作業に合わないため、多くの個人的なワークフローでは時間が無駄になっています。このスキルは、自分自身の繰り返し発生する問題を解決する、焦点を絞ったツールの設計、プロトタイプ作成、改善を支援します。
特徴的なUIプロトタイプを設計する
作成者 tencentcloudbase
汎用的なAIインターフェースは、視覚的な方向性やプラットフォームを考慮した細部が不足しがちです。このスキルは、Claude、Codex、Claude Codeがプロトタイプを構築する前にデザイン意図を定義できるよう支援します。
より良い Google Stitch UI プロンプトを作成する
作成者 sickn33
プロンプトの詳細が不足していると、Google Stitch は汎用的なデザインを生成することがあります。このスキルは、画面、フロー、ビジュアルスタイル、アクセシビリティ、ハンドオフに関する構造化されたプロンプト作成ガイダンスを提供します。
Sleekで洗練されたモバイルアプリ画面をデザイン
作成者 sleekdotdesign
モバイルアプリのデザイン依頼では、プロジェクト設定、反復的な画面変更、スクリーンショットが必要になることがよくあります。このスキルは、Claude、Codex、Claude CodeがモバイルアプリUI生成のためにSleek APIワークフローを進める手助けをします。
Build Accessible Tailwind Interfaces
作成者 nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
構築前にUXを計画する
作成者 pbakaus
チームは、ユーザーの目標、状態、制約を明確にする前にインターフェースを構築してしまうことがよくあります。このスキルはディスカバリーをガイドし、実装のためのデザインブリーフを作成します。