skills.rest
jordi-murgo
jordi-murgoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-exploration

Structure design exploration from initial idea to HTML design mockup.

Updated Jun 29, 2026
Search Tags:#feature design#design documentation#UI/UX design#design process#structured workflow
One-click install
npx skills add https://github.com/jordi-murgo/agent-skills --skill design-exploration-jordi-murgo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-exploration
Source: https://github.com/jordi-murgo/agent-skills/tree/main/design-exploration
Command: npx skills add https://github.com/jordi-murgo/agent-skills --skill design-exploration-jordi-murgo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

The skill helps users explore new features and modules when they have a vague idea but are unsure about the specifics. It provides a structured process to transform ambiguous ideas into actionable design reference documents for PRD input.

Core Features & Use Cases

  • Structured Design Process: From initial vague idea to a comprehensive design reference document.
  • Multi-Stage Workflow: Including requirement convergence, technical research, ASCII exploration, HTML design, and full-state coverage.
  • Decision Documentation: Captures all decisions made during the process for clear communication and future reference.

Quick Start

Run the design-exploration skill to begin exploring a new feature design.

Frequently Asked Questions about design-exploration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a UI/UX design process from a vague feature idea to a design document?▼

A structured design workflow transforms a vague feature idea into a design document by guiding you through requirement convergence, technical research, ASCII exploration, and HTML design mockups to finalize the reference.

What is the best way to document design decisions for PRD input?▼

Documenting design decisions for PRD input involves capturing all choices made during a structured design exploration process, producing a clear reference that tracks the flow from initial idea to final mockup.

Can I use ASCII exploration before creating HTML design mockups?▼

Yes, ASCII exploration is an intermediate stage in the structured design workflow used to quickly visualize layout and structure before committing to detailed HTML design mockups.

Does this structured workflow approach work for new feature design when requirements are unclear?▼

Yes, a structured workflow is built for new feature design when requirements are unclear, using requirement convergence to transform ambiguous ideas into actionable design references suitable for PRD input.

How do I transform ambiguous feature ideas into actionable design references?▼

You transform ambiguous feature ideas into actionable design references by following a multi-stage workflow encompassing requirement convergence, technical research, ASCII exploration, and full-state HTML design coverage.

Related Skills

Explore More Design & Creative Skills→
AcendasAcendas
2

ship-discuss

Guides feature discovery conversations from vague ideas to structured plans and specs.

Official
Advanced
xeon826xeon826

prd-authoring

Draft Product Requirement Documents with technical specifications and SHALL/MUST verification.

Community
Intermediate
KhoiwallKhoiwall

mockup-to-code

Convert UI mockups into React, Vue, or plain HTML code.

Community
Advanced
ben-mad-jlpben-mad-jlp

vibe-active

Create diagrams, documents, and wireframes in freeform Mermaid Collab sessions.

Community
Basic