The No-BS Build System.
Prompt Less. Build Better.
From Idea to Damn Good Website.
A proven prompt system for turning rough ideas into sharp, client-ready websites without the usual AI slop.
The 4-part framework
Aesthetic
The general family of design (vast-quiet, print-tech, dark-motion, classical-remix…).
Reference
Screenshots and/or real URLs from your library. Match the feeling, not the content.
Intent
What it is, who it's for, and the ONE action a visitor should take.
Guardrails
Always-do and never-do. Where you kill AI slop and protect the brand.
The funnel — 5 → 3 → 1
Wide net — 5 versions, 5 styles
Build a landing page for {{COMPANY}}, {{WHAT IT IS}} for {{AUDIENCE}}. Primary action: {{book a call}}. Create 5 versions at /v1–/v5 + a /compare grid, each a distinct aesthetic family with a reference feel. Apply Impeccable to v1–v3 and Taste to v4–v5. Guardrails: one accent, real type hierarchy, weighted reveals; never purple gradients, Inter-as-design, glassmorphism, emoji icons.
Narrow — 3 variations of the winner
Go with the {{CHOSEN}} version (that was /vX). Generate 3 variations — keep the family + hero, vary the BODY: one minimal-vertical, one ledger (sticky left index), one framed. Add them to /compare.
Hero assets (Higgsfield)
Go with {{VERSION}}. Using the Higgsfield MCP, generate 4 hero images at 2K that fit the flavour + this composition. Pick one, iterate, add a restrained splash of colour, wire it in with a premium hero→body transition and weighted page load.
Tweaks bar
Add a dev-only tweaks bar (like Claude Design). Live-edit type, colour, spacing, motion via CSS variables — go aggressive, especially the body. Add Copy tokens + Reset + localStorage. Make it trivial to delete before production.
Finalise — bake + slop pass
Bake the chosen tokens into the real theme, remove the tweaks bar. Run a full Impeccable slop pass across typography/colour/spatial/interaction/motion/UX-writing. Re-check the NEVER list. Then: responsiveness, a11y (AA), compliance, meta.
Anti-slop — NEVER
- ✕Purple/blue gradients
- ✕Inter as the design choice
- ✕3D SaaS blobs / gradient orbs
- ✕Blanket glassmorphism
- ✕Emoji as feature icons
- ✕Tilted dashboard mockups
- ✕Buzzword pill rows
- ✕Identical radius on everything
The 12-step process (Asana)
- 1Strategy & Goals — Intent + guardrails
- 2AI Research — taste + references
- 3Sitemap & Blueprint — structure + copy
- 4Design Concepts — the wide net (5→3→1)
- 5The Big Move — hero assets + transitions
- 6Structural Build & CMS — bake tokens
- 7Advanced Features & Motion — tweaks bar
- 8Small Details & Compliance — Impeccable pass
- 9Logic & Mobile — responsive + a11y
- 10QA & Client Review — compare + sign-off
- 11Go-Live & Handover — ship
- 12Library & Monitoring — harvest the winner