本文へ移動
cccskills
無料GitHub で公開日本語紹介

create-prd

アイデアや課題を、一問ずつの対話で製品要件書にまとめるスキル。解決する問題と成功指標を固め、機能や利用体験を整理し、画面案も交えて仕様を具体化します。

原文原文の説明を見る

Only use when the user explicitly invokes this skill by name.

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • 曖昧なアイデアを要件にまとめたいとき
  • 解決する問題と成功指標を合意したいとき
  • 画面案で操作や配置を比較したいとき
  • 設計・開発に渡す仕様書の準備

日本語での紹介

できること

アイデアやチケット、困りごとを、設計・開発の土台となるPRD(製品要件書)にまとめます。まず解決する問題と成功の測り方を固め、その後に機能、利用体験、動作を一問ずつの対話で具体化します。決定事項は既存の文章へ組み込み、読み通せる仕様書として更新します。画面や操作の検討ではHTMLモックアップを作り、製品のデザインに合わせて案を示します。

こんなときに便利

作りたいものはあるものの、要件が曖昧な段階に向いています。選択肢と利点・欠点を比べながら仕様を決めたいときや、チームが設計・開発に使える文書を用意したい場面で役立ちます。

使い方の例

  • 「create-prdで、このアイデアを製品要件書にまとめて」
  • 「create-prdを使って、このチケットの課題と成功指標から整理して」

注意点

スキル名を明示して呼び出す前提です。文書は.humanlayer/tasks/配下に保存する手順で、画面案には対象製品のデザインを使います。技術的な実装は後続のTDD(技術設計書)に回し、完成した解決案は利用者の確認を経て仕上げます。

この紹介文は、公開されている SKILL.md をもとに AI(OpenAI Codex)が作成しました。正確な仕様は下の原文を確認してください。

含まれるファイル(3)

  • SKILL.md11.9 KB
  • references/prd_final_answer_resolved.md587 B
  • references/prd_template.md1.9 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

PRD Phase

You are creating a Product Requirements Document (PRD): the artifact that turns a raw idea, ticket, or pain point into a product spec the team can design and build from. It answers WHAT we're building and WHY - the user experience, functionality, and behavior. Leave technical implementation to the downstream TDD.

You run the PRD as a guided conversation. You settle the foundation - the problem and what success looks like - then grill the solution one question at a time, re-working the document after every answer so it always reads as a coherent spec - never a transcript of Q&A.

How the conversation works (read this before you start)

Exactly one question per message. End every message with a single question - never a second question, a stacked follow-up, or an "and also...". Offering 2-3 options to choose between is still one question; stacking multiple independent decisions into one message is not allowed. Walk down the solution tree one decision at a time: present the decision with its options, tradeoffs, and your recommendation, then stop and wait. If several things feel open, ask only the one that unblocks the rest - the others come after the answer. Never ask for a vague "any feedback?".

Run each decision as an interview loop; patch the doc only once the decision is resolved. Ask your one question, then work back and forth until it's settled. The user won't always answer outright - they may push back, think out loud, or ask a clarifying question of their own ("well, how would it work if quality finding = 'passing'?"). That's still part of the conversation, not a decision: answer it, keep the discussion going, and leave the document alone. A single user message is not by itself a cue to edit - patching mid-discussion churns the spec and derails the back-and-forth. Only once the decision is actually resolved do you flush it to the doc and move on to the next question.

When you flush a resolved decision, re-work the relevant section rather than appending to it. Fold the decision in: rewrite prose, redraw a mockup or diagram, reorder or remove earlier content as needed. A single decision often revises parts of the spec that have already started to emerge. Capture each decision in whatever form conveys it best - a mockup, diagram, or sketch - reaching for one when the decision calls for it, regardless of whether the question itself used one.

The doc is always a cohesive description of what's known - never a log. At any point, the PRD should read like a spec someone wrote on purpose: high-level, coherent, and current - not a list of answers, and not a changelog of decisions. Treat each answer as a reason to re-paint: restructure, reorder, and rebuild the section so it stays a clean, unified description of everything decided so far. Rewriting entire sections as you go is expected, not exceptional.

Show, don't tell. When discussing anything visual - UI flows, layouts, interactions, states - create an HTML mockup and display it inline. A quick sketch communicates more than paragraphs of prose. Keep mockups up to date as decisions evolve.

Make it read like a document a human designed for other humans. A reader should be able to skim the headers alone and come away with the shape of the product. Give every section and sub-point a header that states its takeaway - the way a good slide title asserts its message ("Reviewers comment without signing in"), not a generic topic label ("Sharing"). Keep paragraphs short, and place each mockup or diagram immediately beside the prose it illustrates - never let the text become a wall with all the visuals piled at the end. Lead with the point, then support it.

Stay in product space. Only ask product questions - user experience, functionality, and behavior. If you find yourself reaching for database schemas, storage locations, or implementation architecture, note it in a "Deferred to TDD" section and move on.

Get more context when you need it. When a decision depends on how the product or codebase actually works, spawn Agent() calls (codebase-locator, codebase-analyzer, codebase-pattern-finder, web-search-researcher, or the library researcher) before presenting options. Fold any new findings back into the research artifact.


<step index="1" name="understand-the-context"> <instructions> - Find the task directory: `ls -La .humanlayer/tasks/TASKNAME` (use Bash `ls -La` - not Grep/Glob - the directory may be a symlink). - Read every relevant file in the task directory **fully** (Read with no limit/offset), excluding research-questions docs. - Read the PRD template: `Read({SKILLBASE}/references/prd_template.md)`. </instructions> <guidance> ## Working from whatever inputs exist

There is no required upstream artifact. The product context might be a detailed ticket, a research doc, or just a couple of sentences describing what the user wants. Work from whatever is present.

  • Ground the PRD in the inputs you do have, and cite them as you write: "Per the ticket...", "The research doc notes...".
  • Don't duplicate upstream content into the PRD - reference it.
  • If the context is thin, don't invent requirements. Surface the gaps as questions during the interview and let the user fill them in.

Design system for mockups

If the work touches UI/UX, your mockups should match the user's product - its colors, typography, spacing, and components - not this application. Check the research doc for design-system details first. If none are documented, spawn a codebase-analyzer before you build mockups:

  • What design system or component library is used for $PRODUCT_AREA?
  • Primary colors (with hex codes), typography, spacing, borders, shadows?
  • What theming system exists, if any? </guidance>
</step> <step index="2" name="write-the-skeleton"> <instructions> Write the doc to `.humanlayer/tasks/ENG-XXXX-description/NN-prd-DESCRIPTION.md` (next zero-padded `NN-` index in the task dir; `DESCRIPTION` is a 2-4 word kebab-case slug).

Keep the skeleton as minimal as possible. No preamble, no setup, no summaries. The faster you reach the first question, the more the user stays engaged in building the PRD. Write only:

  • Frontmatter with type: design-prd, plus the top-level title
  • A Problem to Solve section with your first-draft problem statement
  • Empty What does business success look like, and how can we measure it?, Proposed Solution, and Solution Details headers - built out through the interview

Then respond immediately by opening the foundation with the first question - at most one short orienting line, then the question. Quote the actual "Problem to Solve" content you drafted so the user reacts to the exact wording, not a summary. For example:

I've started the PRD - you can view it in the right sidebar. First question: does this Problem to Solve sound right?

...your statement of the problem...

Tell me what's off, or confirm it and we'll move to what success looks like.

</instructions>
<guidance> ## Markdown formatting

When you write markdown that itself contains a code block showing other markdown (for example a fenced block that contains its own fence), use 4 backticks for the outer fence so the inner 3-backtick block doesn't close it early:

# Example heading
```bash
npm install example
```
</guidance> </step> <step index="3" name="settle-the-foundation"> <instructions> Settle the foundation one piece at a time, re-working the document as each is locked in. Wait for the user's response at each step.

a. Problem to Solve. The user reacts to the problem statement you quoted in your first question. Iterate with them until they're happy, then re-work the "Problem to Solve" section to reflect the agreed wording.

b. What success looks like. Once the problem is settled, move to success. The point of this section is to align on how we'll know the feature is actually driving results for users - a lever the team can read after shipping to decide whether the work was worth it. Treat that lever as part of the definition of done. Keep it squishy and fit it to the work, not just product analytics: this skill serves backend internal tooling, full-stack product, DevOps, and everything between - the lever might be a product metric, an adoption signal, a benchmark, an error-rate or latency target, or a qualitative read. Anything worth doing is worth measuring. Propose a metric (or a few options) with your recommendation - reference experiments or feature flags if relevant - and iterate until the user is happy. For very small changes there may be no sensible lever; if so, say that plainly and, with the user's agreement, record that rather than inventing a metric. Then re-work the "What does business success look like, and how can we measure it?" section.

Only open the solution interview (Step 4) once the problem and success metrics are both settled. </instructions>

</step> <step index="4" name="solution-interview"> <instructions> Now grill the solution. **Ask exactly one question per message, walking down each branch of the solution tree.** Resolve one decision, let it inform the next, and only then ask the next. Presenting 2-3 options to choose between is still one question - don't stack multiple decisions into one message, and don't append a second question or an "any feedback?". Each question is a brush stroke that adds detail to the document - you're progressively painting the Solution Details, not logging Q&A.

For each decision: present a single decision with options and your recommendation (for UI questions, show the options as mockups - "Option A vs Option B" with an inline mockup for each) -> work back and forth until the decision is resolved (clarifying questions and pushback are part of this, not a cue to patch) -> only then re-work the Solution Details so it absorbs the decision, keeping it one coherent spec. Reach for a mockup or diagram whenever it captures the decision best.

When an answer reshapes the work, touch every affected section in the same pass: refine Proposed Solution if the high-level approach changed, move ruled-out paths into Out of Scope, and keep mockups in sync with the prose. If the user requests changes to a mockup, pause the question flow, iterate on the mockup until they approve it, then resume. When a mockup is approved, embed it in the document with a task-artifact block if it isn't already there.

Stay in product space. Only ask product questions. If a question is really about schemas, storage, or implementation architecture, note it under a "Deferred to TDD" section and move on. </instructions>

<guidance> ## HTML mockups

Mockups are how you communicate visually - use them liberally when discussing UI.

  • Write HTML files to .humanlayer/tasks/{task-slug}/mockup-{description}.html
  • Follow the user's product design system (colors, fonts, components) found in Step 1; use realistic labels, not lorem ipsum
  • Keep each mockup focused on the decision at hand

Display inline:

.humanlayer/tasks/{task-slug}/mockup-{description}.html

Update mockups as decisions evolve; the final PRD should embed the "winning" versions. </guidance>

</step> <step index="5" name="solution-review-gate"> <instructions> When the solution is fully fleshed out, stop and hand it back for review. Because you've been building it decision by decision, the user hasn't read it as a whole yet. Say something like:

I think the solution is complete. Since we've built it up decision by decision, can you read the Solution Details top to bottom and confirm it hangs together before we wrap up?

Wait for the user's approval and incorporate any fixes they raise. </instructions>

</step> <step index="6" name="wrap-up"> <instructions> When the solution is approved, read the final answer template and follow it exactly (it points to the next step - the TDD): `Read({SKILLBASE}/references/prd_final_answer_resolved.md)`. Include cloud permalinks if available. </instructions> </step>

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

agent-browser

無料概要あり

Webページの移動やフォーム入力、クリックをエージェントに任せ、情報抽出や画面保存、操作前後の比較まで行います。ブラウザ作業の自動化やWebアプリの確認に使えるスキル。

  • フォーム入力やクリックを自動化したいとき
  • Webページのテキスト抽出
  • ページのスクリーンショット・PDF保存
humanlayer/humanlayer1.2万2026年10月23日 更新

asd-ste100

無料概要あり

曖昧で読みにくい英文を、語の意味をそろえた短い能動態の文へ書き直すスキル。指示文やツール説明を見直し、修正理由と変更前後を表で確認できます。

  • 別のエージェントへの英文指示の明確化
  • 英語のツール説明やエラー文の簡素化
  • 英語を母語としない読者向けの文章整理
humanlayer/humanlayer1.2万2026年10月23日 更新

better-github-skill

無料概要あり

GitHubのPRの状態、レビューの会話、CI失敗のログを専用スクリプトで収集し、変更の確認状況や未解決の指摘、失敗したジョブとステップを調べるスキル。

  • PRの状態をまとめて確認したいとき
  • 未解決のレビューの会話の確認
  • CIの失敗ジョブとステップの調査
humanlayer/humanlayer1.2万2026年10月23日 更新

bump-version

無料概要あり

リリース時に対象パッケージの基準バージョンを更新し、関連ファイルの同期と生成結果を検証して、コミットからPRブランチへのプッシュまで進めるスキル。

  • リリース用のバージョンを更新したいとき
  • 関連ファイルのバージョン表記の同期
  • プッシュ前の生成バージョン検証
humanlayer/humanlayer1.2万2026年10月23日 更新

calldiff

無料概要あり

Git のコミット間や作業中のコードで、関数の呼び出し構造の違いを確認します。呼び出しツリーの表示や、指定した関数へ至る経路の調査にも使えます。

  • 変更前後の関数呼び出しを比較したいとき
  • ブランチ間の呼び出し構造レビュー
  • 起点から目的の関数への経路調査
humanlayer/humanlayer1.2万2026年10月23日 更新

chrome-devtools-cli

無料概要あり

ターミナルからブラウザのクリックや入力、ページ移動を自動化し、通信やエラー、表示速度も調べられる、Chrome DevToolsのCLI操作を支援するスキル。

  • フォーム入力やページ移動の自動化
  • ページや要素の画面撮影
  • 通信内容やコンソールエラーの調査
humanlayer/humanlayer1.2万2026年10月23日 更新

humanlayer のスキルをすべて見る

このスキルの問題を報告する