prototype
設計を確定する前に、アイデアを具体化するための使い捨てプロトタイプを構築します。状態管理やビジネスロジックの検証には実行可能なターミナルアプリへ、UIの検討には1つのルートから切り替え可能な複数の異なるデザイン案へと分岐します。「プロトタイプを作りたい」「試しに動かしてみたい」「いくつかのデザインを比較したい」といった場面で活用してください。
description の原文を見る
Build a throwaway prototype to flesh out a design before committing to it. Routes between two branches — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route. Use when the user wants to prototype, sanity-check a data model or state machine, mock up a UI, explore design options, or says "prototype this", "let me play with it", "try a few designs".
SKILL.md 本文
プロトタイプ
プロトタイプはある質問に答えるための一時的なコードです。質問の内容が成果物の形を決めます。
ブランチを選択する
ユーザーのプロンプト、周囲のコード、またはユーザーへの質問から、どの質問に答えているかを判断します:
- 「このロジック/状態モデルは正しく感じられるか?」 →
LOGIC.md。紙上では推論しにくいケースを状態機械に通す、小さなインタラクティブなターミナルアプリを作成します。 - 「これはどのように見えるべきか?」 →
UI.md。単一ルート上に複数の根本的に異なるUI変種を生成し、URLサーチパラメータと浮かぶボトムバーで切り替えられるようにします。
2つのブランチは非常に異なる成果物を生成します — これを間違えると、プロトタイプ全体が無駄になります。質問が本当に曖昧で、ユーザーが連絡がつかない場合は、周囲のコードとより合致するブランチ(バックエンドモジュール → ロジック、ページまたはコンポーネント → UI)にデフォルトし、プロトタイプの最上部に仮定を記載します。
両方に適用されるルール
- 初日から一時的で、明確にそう表示する。 プロトタイプコードは、それが実際に使用される場所の近く(プロトタイプ対象のモジュールやページの隣)に配置してください。コンテキストが明確になるように — ただし、名付ける際には、カジュアルな読者が本番環境ではなくプロトタイプであることがわかるようにしてください。一時的なUIルートについては、プロジェクトが既に使用しているルーティング規約に従い、新しいトップレベル構造を発明しないでください。
- 実行するコマンドは1つ。
pnpm <name>、python <path>、bun <path>など、プロジェクトの既存タスクランナーがサポートするもの。ユーザーは思考なしで起動できる必要があります。 - デフォルトでは永続化なし。 状態はメモリ内に存在します。永続化は、プロトタイプが_チェック_しているもので、それが依存すべきものではありません。質問が明示的にデータベースを含む場合は、スクラッチDBまたは明確な「PROTOTYPE — wipe me」という名前のローカルファイルにアクセスしてください。
- 磨きをスキップ。 テストなし、プロトタイプが_実行可能_にするために必要な範囲を超えたエラーハンドリングなし、抽象化なし。ポイントは何かを素早く学んで、その後削除することです。
- 状態を表示。 すべてのアクション(ロジック)の後、またはすべてのバリアント切り替え(UI)時に、完全な関連状態を出力またはレンダリングして、ユーザーが何が変わったかを見ることができるようにします。
- 完了時に削除または吸収。 プロトタイプが質問に答えたら、それを削除するか、検証済み決定を実際のコードに統合 — リポジトリに腐らせたままにしないでください。
完了時
プロトタイプから価値があるのは_答え_だけです。それが回答していた質問とともに、どこか永続的な場所(コミットメッセージ、ADR、課題、またはプロトタイプの隣にある NOTES.md)に記録してください。ユーザーがいる場合は、その記録は素早い会話です。そうでない場合は、プロトタイプを削除する前に彼ら(またはあなた、次のパス時)が判定を入力できるようにプレースホルダーを残してください。
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- mattpocock
- リポジトリ
- mattpocock/skills
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/mattpocock/skills / ライセンス: MIT
関連スキル
agent-browser
AI エージェント向けのブラウザ自動化 CLI です。ウェブサイトとの対話が必要な場合に使用します。ページ遷移、フォーム入力、ボタンクリック、スクリーンショット取得、データ抽出、ウェブアプリのテスト、ブラウザ操作の自動化など、あらゆるブラウザタスクに対応できます。「ウェブサイトを開く」「フォームに記入する」「ボタンをクリックする」「スクリーンショットを取得する」「ページからデータを抽出する」「このウェブアプリをテストする」「サイトにログインする」「ブラウザ操作を自動化する」といった要求や、プログラマティックなウェブ操作が必要なタスクで起動します。
anyskill
AnySkill — あなたのプライベート・スキルクラウド。GitHubを基盤としたリポジトリからエージェントスキルを管理、同期、動的にロードできます。自然言語でクラウドスキルを検索し、オンデマンドでプロンプトを自動ロード、カスタムスキルのアップロードと共有、スキルバンドルの一括インストールが可能です。OpenClaw、Antigravity、Claude Code、Cursorに対応しています。
engram
AIエージェント向けの永続的なメモリシステムです。バグ修正、意思決定、発見、設定変更の後はmem_saveを使用してください。ユーザーが「覚えている」「記憶している」と言及した場合、または以前のセッションと重複する作業を開始する際はmem_searchを使用します。セッション終了前にmem_session_summaryを使用して、コンテキストを保持してください。
skyvern
AI駆動のブラウザ自動化により、任意のウェブサイトを自動化できます。フォーム入力、データ抽出、ファイルダウンロード、ログイン、複数ステップのワークフロー実行など、ユーザーがウェブサイトと連携する必要があるときに使用します。Skyvernは、LLMとコンピュータビジョンを活用して、未知のサイトも自動操作可能です。Python SDK、TypeScript SDK、REST API、MCPサーバー、またはCLIを通じて統合できます。
pinchbench
PinchBenchベンチマークを実行して、OpenClawエージェントの実世界タスクにおけるパフォーマンスを評価できます。モデルの機能テスト、モデル間の比較、ベンチマーク結果のリーダーボード提出、またはOpenClawのセットアップがカレンダー、メール、リサーチ、コーディング、複数ステップのワークフローにどの程度対応しているかを確認する際に使用します。
openui
OpenUIとOpenUI Langを使用してジェネレーティブUIアプリを構築できます。これらはLLM生成インターフェースのためのトークン効率的なオープン標準です。OpenUI、@openuidev、ジェネレーティブUI、LLMからのストリーミングUI、AI向けコンポーネントライブラリ、またはjson-render/A2UIの置き換えについて述べる際に使用します。スキャフォルディング、defineComponent、システムプロンプト、Renderer、およびOpenUI Lang出力のデバッグに対応しています。