771
GitHub Stars
1
Bundled Files
2 months ago
Catalog Refreshed
4 months ago
First Indexed
Readme & install
Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.
Installation
Preview and clipboard use veilstrat where the catalogue uses aiagentskills.
npx veilstrat add skill bear2u/my-skills --skill design-prompt-generator-v2- SKILL.md8.1 KB
Overview
This skill is an advanced 7-step hierarchical design prompt generator for AI web development builders (Lovable, Cursor, Bolt). It creates domain-aware, user-journey-based prompts that include emotional design, identity, component specs, and micro-interactions. The output is a ready-to-paste prompt tailored for AI web builders to generate landing pages, app UIs, or dashboards. It supports minimal inputs with sensible defaults and explicit assumptions.
How this skill works
The generator runs a seven-step framework: Domain Research, User Journey, Emotional Design, Identity & Goal, Design System, Component Specs, and Micro-interactions. It inspects domain UX patterns, key conversion touchpoints, mood/visual directions, brand positioning, complete visual system values (colors, type, spacing), component state specs, and animation rules. The skill then assembles a formatted implementation prompt optimized for Lovable, Cursor, or Bolt and adds iterative refinement prompts.
When to use it
- You need a production-ready AI prompt to build a landing page, app UI, or dashboard quickly.
- Design must reflect a specific domain (SaaS, e‑commerce, healthcare, fintech, etc.).
- You want emotional design mapped to concrete visual specs and interaction rules.
- You need component-level details and responsive behavior for developers.
- You want copy-paste prompts for Lovable, Cursor, or Bolt with iterative steps.
Best practices
- Provide service name, domain, and target user for best results; default assumptions are used otherwise.
- Specify primary conversion action (signup, booking, purchase) to focus UI patterns.
- Choose 1–2 primary emotions (e.g., Trust + Warmth) to keep visual direction coherent.
- Include example competitors or references to surface competitive gaps.
- Request iterative refinements (A/B variants, accessibility tweaks, performance constraints).
Example use cases
- Generate a landing page prompt for a new SaaS product emphasizing trial signups and trust signals.
- Create an app UI prompt for a pet services booking flow with calendar and profile cards.
- Produce a marketplace product page prompt with seller profiles, messaging, and trust badges.
- Build a fintech dashboard prompt focused on monitoring and fast action with secure badges.
- Draft iteration prompts to convert a high-fidelity mockup into responsive Lovable/Cursor components.
FAQ
Required: service domain and name (or allow the skill to suggest a name). Optional: target users, competitors, mood, must-have features, page type.
Can it produce accessibility and responsive guidance?
Yes. Outputs include mobile responsive notes, component states, and recommended contrast and interaction timings for accessibility.