Avoid AI 'Slop': Use design.md to Control Frontend Aesthetics
petergyang · x · 2026-07-30
AI-generated designs often default to a recognizable, generic aesthetic (like purple slop). To prevent this, the author shares a 6-step workflow for building products with AI:
- Create Design Specs: Write a design.md file defining guidelines for color, typography, and more.
- Find Inspiration: Use Mobbin's MCP to find quality app screens or check designmd.sh for patterns, then ask AI to generate a design md.
- Plan First: Flesh out requirements and designs before letting AI code. The author demonstrates this end-to-end while building an app called Tastemaker using Claude Design and Claude Code.
More from coding & agent
- 'LLM code is sloppy' rebutted with real ffmpeg code: identical if/else branches in a top library — kingslyj · 2026-10-16
- Office-editing tool calls need file, worktree and unit: lessons from dsh-univer-office — FunDistribution6537 · 2026-10-16
- Architect MD workflow: Gemini one-shot outputs that beat Opus, via 5-lens plan critique — oikk01 · 2026-10-16
- Prove a coding agent actually ran the tests: check artifacts, not approvals — ComprehensiveShake76 · 2026-10-16
- Building an acceptance harness for AI spreadsheet edits: allowlists, recalc checks, idempotency — ukdicha-modakkk · 2026-10-16
- Agent actions need checks outside the model: NVIDIA demos lean on guardrails amid wave of real agent incidents — Creamy-And-Crowded · 2026-10-16