ba-mockup-prompt-gen

To generate brand-aligned UI prompts, provide your Brand Guideline reference, application name, target platform, and screen list. This Skill outputs markdown prompt files that strictly reference your design tokens for visual consistency.

You need a Brand Guideline, user flows, and a list of screens. Optionally, provide an ERD or data description to embed realistic data and components into the detailed high-fidelity mockup prompts.

Yes, you can generate both. When running the prompt generation, specify whether you need layout prompts, detailed prompts, or both to get per-screen layout and high-fidelity markdown outputs simultaneously.

Brand-guideline-driven prompt generation satisfies WCAG considerations and preserves brand fidelity by applying explicit inputs and guardrails, ensuring deterministic prompts that align with your design tokens for accessible layouts.

Layout prompts focus on per-screen structure aligned to design tokens for spacing and typography, while detailed mockup prompts embed specific data and components from your ERD and user flows to create high-fidelity outputs.

Deterministic prompt generation relies entirely on the explicit inputs provided. If your Brand Guideline lacks specific design tokens or your ERD is incomplete, the output prompts may not achieve full brand fidelity or accurate data embedding.