Menu
Creates wireframe specifications for UI concepts. Use for design handoff, stakeholder review, or early prototyping.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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