Why AI Sucks at Front End

Overall assessment of AI on frontend

  • Strong split between “AI is great at frontend” and “AI is awful at frontend.”
  • Supporters say it’s especially strong with modern stacks (React/Preact/Vue + Tailwind/MUI/shadcn) and CRUD-style apps.
  • Critics argue results are visually mediocre, generic, and often broken for non‑trivial interactions or layouts.

Where AI helps today

  • CSS is repeatedly cited as a big win: AI remembers obscure combinations and browser quirks, turning a painful task into a “breeze.”
  • Good for:
    • Standard layouts, dashboards, CRUD UIs, boilerplate, and form-heavy apps.
    • Non-FE devs (backend/ML) who previously struggled with HTML/CSS.
    • Rapid prototyping, exploration, and “good enough” marketing or SaaS pages.
  • Many use AI as a “coding buddy,” iterating with tight feedback instead of delegating full ownership.

Design quality & “AI slop”

  • Multiple AI-generated sites shared in the thread are described as:
    • Generic SaaS templates with feature cards, rounded corners, bland color palettes.
    • “Average” at best; “AI slop” or even “scammy‑looking” by harsher critics.
  • Counterpoint: for most businesses, “average, modern and clear” is exactly the goal, and far better than many pre‑AI sites.
  • Consensus that AI converges toward the mean; it rarely shows originality or “taste.”

Why frontend is hard for AI

  • “AI can’t see”: even multimodal models struggle with visual/spatial reasoning (alignment, overlapping elements, complex responsive behavior).
  • Frontend has high churn and inconsistent paradigms; AI is trained on “ancient garbage” and patterns even humans disagree on.
  • Tasteful design, coherent visual systems, and micro‑details (spacing, typography, animation) are hard to express and enforce in text prompts.

Workarounds & techniques

  • Some success using:
    • Component libraries/design systems and forbidding AI from custom fonts/colors.
    • External tools (ImageMagick diffs, Playwright) to let AI check UI behavior or pixel similarity.
  • Still requires strong human supervision and iterative correction.

Jobs, value, and expectations

  • Reports of companies firing frontend teams and having backend engineers + AI do UI work.
  • Others insist AI is an excuse; broader economic pressure is the real driver.
  • Common framing: AI is a “floor raiser, not a ceiling raiser” – great for average work, not for top-tier design.