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

Ready to run

npx skills add https://github.com/jordi-murgo/agent-skills --skill design-exploration-jordi-murgo

💬 Prompt for ChatGPT / Claude Chat▼

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.