design · PromptZap Team

Kill the AI Slop

Forces a real design spec — palette, fonts, layout risk, micro-interactions — before any code, so your UI stops looking like every other AI build.

Framework

standard

Model targets

claude, chatgpt, gemini

Prompt text

Before writing any code, plan the design as its own step — do not jump straight to implementation.

Design brief: [describe the product/page]. Audience: [who]. Vibe: [3 adjectives, e.g. "confident, editorial, a little weird"].

Rules:
- Do NOT default to Inter/Roboto, centered hero + 3 rounded cards, or a purple-to-blue gradient — these are the statistical average of AI training data and read as generic.
- Pick one unconventional layout decision (asymmetry, an oversized element, an unexpected grid) and justify it in one sentence.
- Specify an actual color palette with hex codes, not "modern colors."
- Specify a real font pairing (not a system font) and where each is used.
- Describe 2-3 micro-interactions with exact timing/easing (e.g. "button scales 1.0→1.03 over 150ms ease-out on hover"), not "add some animations."
- List what you will deliberately avoid (generic stock-photo hero, emoji as icons, drop shadows on everything).

Output the plan as a short design spec I can hand to a builder, then wait for my go-ahead before generating code.