About This Site

このサイトの使い方

このサイトは「今の作業フェーズに合う指示文を、すぐコピーして AI に貼る」ことだけに集中して設計しています。一覧で探しやすく、詳細で確認しやすく、スマホでも片手で使いやすいことを最優先にしています。

Basic Flow

基本の使い方

1. 今の悩みに近いカテゴリを選び、一覧ページで検索やタグ絞り込みを使います。
2. 一覧カードを押して即コピー、必要なら詳細ページで全文と利用例を確認します。
3. AI の返答が浅い場合は、「条件」「出力形式」「確認事項」を少し足して再度投げます。

Vibe Coding Tips

バイブコーディングのコツ

目的だけでなく、守るべき制約も一緒に伝えると実務向けの回答になりやすくなります。
「先に確認事項を出してください」と添えると、勝手な前提で進まれにくくなります。
大きなタスクは分解プロンプトを先に使い、その後に個別の実装プロンプトを使うと精度が安定します。

Prompt Quality

良いプロンプトの条件

何をしてほしいかが明確である
出力形式が指定されている
制約や優先順位がわかる
不明点の扱いが定義されている

Adding Data

プロンプトの追加方法

新しいプロンプトは `src/data/prompts.ts` に追加します。`id`、`title`、`category`、`summary`、`tags`、 `prompt`、`useCases`、`recommendedFor`、`difficulty`、`isFeatured`、`updatedAt` を揃えるだけで一覧と詳細へ自動反映されます。