メニュー
Creates wireframe specifications for UI concepts. Use for design handoff, stakeholder review, or early prototyping.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Drafts or converts documents into Product Requirements Documents (PRD). Supports two modes - (1) Create new PRD from initiative documents and research, or (2) Convert existing documents to PRD format using standard or daily iteration templates.
Generates new feature ideas based on user feedback, internal notes, and historical PRDs using advanced pattern recognition and semantic analysis. Use when planning quarterly roadmaps, responding to accumulated user feedback, identifying next features after major releases, or conducting strategic planning sessions.
Analyzes market opportunity and sizing using TAM/SAM/SOM framework with supporting data research. Use when evaluating market potential, creating business cases for new products, preparing investor presentations, or assessing business opportunities.
Creates a new product initiative document using Socratic questioning and guided discovery. Use when starting a new product feature, clarifying vague product ideas, structuring informal concepts into formal proposals, or aligning stakeholders on initiative scope and goals.
Applies first principles thinking to break down complex problems to fundamental truths and reconstruct innovative solutions. Use when facing seemingly impossible challenges, when existing solutions are too costly or complex, when innovative breakthroughs are needed, or when challenging industry assumptions.
Applies the Five Whys root cause analysis method to identify underlying causes of problems through systematic questioning. Use when problems recur despite fixes, surface solutions fail, systematic improvement is needed, or team alignment on root causes is required.
| name | niopd-pd-wireframe |
| description | Creates wireframe specifications for UI concepts. Use for design handoff, stakeholder review, or early prototyping. |
This skill creates text-based wireframe specifications.
┌─────────────────────────────────────┐
│ Header: [Logo] [Nav] [User Menu] │
├─────────────────────────────────────┤
│ Main Content Area │
│ ┌─────────┐ ┌─────────────────────┐ │
│ │ Sidebar │ │ Content │ │
│ └─────────┘ └─────────────────────┘ │
├─────────────────────────────────────┤
│ Footer │
└─────────────────────────────────────┘
For each component:
File path: 03-docs/[YYYYMMDD]-wireframe-v0.md
[YYYYMMDD]-wireframe-v0.md03-docs/references/wireframe-template.md