ui-mockup-promptlisted

Translate a UI brief (a page, a screen, a single component, a feature) into a paste-ready prompt for Nano Banana Pro / gpt-image-2 / Ideogram / Flux 2 / Midjourney that produces a designer-grade mockup as visual inspiration — not pixel-spec UI, not AI slop. Use whenever the user asks for "imagine the X page", "mock up the Y screen", "give me a prompt for nano banana / gpt image 2 to design", "describe this UI for an image model", "draft a prompt for the designer to take inspiration from", or any time the agent needs to produce a UI image-gen prompt for a real product surface (pricing page, dashboard, settings, onboarding, mobile screen, marketing hero, single component). Be pushy — trigger even when the user says "design" without "prompt", or "show me what X could look like" — the agent should reach for this skill before hand-rolling a brief.
MohamedAbdallah-14/prompt-to-asset · ★ 7 · AI & Automation · score 71

Install: claude install-skill MohamedAbdallah-14/prompt-to-asset

# ui-mockup-prompt This skill turns a UI brief into a single paste-ready prompt for a strong-text image model (gpt-image-2, Nano Banana Pro, Ideogram 3 Turbo, Flux 2 Pro, Midjourney v7) that produces designer-quality mockups for **inspiration**, not pixel-exact production UI. The output is for a working designer to riff on. They will redo the spacing, the radius, the font, the exact palette. What they need from the image is a **visual direction with soul** — one that isn't AI-default purple-gradient-on-white-Inter-rounded-card slop. ## Four things this skill must do, in order 1. **Identify the surface and its job.** A pricing page, a dashboard, a settings screen, an onboarding flow — each has a different job. Aesthetic commitment is constrained by what the surface must *do*, not chosen freely. Look the surface up in `references/surface-patterns.md`. 2. **Pick the right model.** Text density, transparency need, available references, and budget all flow into a routing decision the calling agent should not have to think about. 3. **Compose a slot-labeled prompt** in that model's specific dialect, with the universal anti-slop rules, craft-grounded design intelligence, and the surface's UX-pattern requirements baked in. 4. **Return the bundle:** chosen model + reasoning + paste-ready prompt + multi-ref recipe (if the user has refs) + validation reminder (with surface-specific UX checks). The prompt should resist AI defaults *by construction*. The model still has freedom — the