ba-mockup-prompt-gen

To generate UI design prompts from brand guidelines, this skill converts your brand tokens, typography, and color contrast rules into deterministic prompts for per-screen layouts and high-fidelity designs. It enforces spacing and output formats to ensure AI design tools align with existing systems.

Creating high-fidelity layout prompts requires providing a Brand Guideline reference, User Flows, and an ERD as inputs. This skill validates these prerequisites to generate detailed, ready-to-use prompt files that reflect your specific components and data structures.

Yes, you can use ERD and user flows to generate data-driven component prompts. This skill translates your entity-relationship diagrams and user flows into precise prompts that enforce brand tokens and typography for detailed AI design outputs.

The best way to ensure AI-generated layouts match your design system is to use deterministic prompts that enforce brand tokens, color contrast, and spacing. This skill translates your brand guidelines into strict prompt files, validating inputs to guarantee token-level fidelity.

AI design output may not align with brand guidelines if the prompts lack deterministic constraints for typography, colors, and spacing. This skill solves that by validating your brand guideline inputs and enforcing brand tokens within the generated prompts.

Yes, this skill supports both layout and detail prompt generation. You can select either per-screen layout prompts or high-fidelity detailed prompts for data-driven components, ensuring outputs match your app's specified brand constraints and user flows.