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.