design-prompt-generator-v2

Generate 7-step hierarchical design prompts for AI web development tools.

Updated Feb 25, 2026
One-click install
npx skills add https://github.com/Aiden-Kwak/My-Claude-Agents --skill design-prompt-generator-v2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-prompt-generator-v2
Source: https://github.com/Aiden-Kwak/My-Claude-Agents/tree/main/.claude/skills/design-prompt-generator-v2
Command: npx skills add https://github.com/Aiden-Kwak/My-Claude-Agents --skill design-prompt-generator-v2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and product teams struggle to consistently generate domain-aware, actionable design prompts for AI web development tools, leading to inconsistent outputs and onboarding friction.

Core Features & Use Cases

  • 7-step hierarchical prompt framework covering Domain Research, User Journey, Emotional Design, Identity & Goal, Design System, Component Specs, and Micro-interactions.
  • Generates domain-aware prompts aligned to brand identity and target user journeys for Lovable, Cursor, and Bolt integrations.
  • Use cases include rapid ideation of landing pages, product flow prompts, and component specs for frontend and design systems.

Quick Start

Provide a domain and brand goal to generate a complete 7-step design prompt ready for AI-assisted web development workflows.

Frequently Asked Questions about design-prompt-generator-v2

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

FAQPage Schema
How do I generate domain-aware design prompts for AI web development tools?▼

You can create domain-aware design prompts by supplying a target industry domain and brand goal to produce a 7-step hierarchical framework. This structured output covers user journeys, emotional design, identity, design systems, component specs, and micro-interactions for AI web development workflows.

What is a hierarchical prompt framework for UX design?▼

A hierarchical UX design prompt framework organizes AI instructions into seven sequential layers: domain research, user journey, emotional design, identity, design system, component specs, and micro-interactions. This structure ensures deterministic outputs aligned with brand identity and target user journeys.

Does this design prompt generator work with Cursor and Bolt?▼

Yes, the design prompt generator works with Cursor and Bolt, alongside Lovable. It generates domain-aware prompts structured for compatibility with these AI web development tools and Claude Code workflows, ensuring deterministic outputs for frontend and design system generation.

How do I structure AI prompts for frontend component specs and micro-interactions?▼

Structure AI prompts for frontend component specs and micro-interactions by following a 7-step framework that isolates component specifications and micro-interactions as final layers. This approach ensures modular prompts that yield deterministic, actionable UI outputs aligned with your design system.

Can I use this prompt engineering framework for rapid landing page ideation?▼

Yes, you can use this prompt engineering framework for rapid landing page ideation. Providing a domain and brand goal generates complete 7-step design prompts that guide AI tools to produce aligned user journeys and component specs for rapid frontend deployment.

Why do my AI design prompts produce inconsistent web outputs?▼

AI design prompts produce inconsistent web outputs when they lack domain awareness, user journey mapping, and structured design system constraints. Applying a 7-step hierarchical framework enforces modular prompts and deterministic outputs, eliminating onboarding friction and inconsistent design generation.