The one tell of AI-built sites, and a CSS block that fixes it

Developer Mert Url has identified a common aesthetic flaw in websites generated by AI coding agents: a lack of visual depth that makes pages appear like flat, colored-in mockups. To address this, he created 'unflat,' an open-source Agent Skill designed to automatically inject a CSS block that adds structure, lighting, and rhythm to web layouts. The tool analyzes a site's existing design tokens to implement subtle improvements, such as ground-level background adjustments, directional lighting, and mounted section surfaces. By avoiding the 'card-like' look, the CSS block creates a more professional, layered appearance without requiring manual markup changes. The skill is compatible with plain CSS and Tailwind, and it is intended to be used by AI agents like Claude Code or Cursor. The author invites developers to test the tool and provide feedback on how it handles various site architectures.
This is a summary. Read the full article at the original source:
Dev.toRelated stories
In a recent exploration of modern development, developer Erikch examines whether coding agents should influence the choice of software libraries. As A…
Can the universe fit on an infinite canvas? Or where does 'entanglement' actually live?
The author continues a series of articles on the development of the Plyra prototype, a tool for managing complex and entangled knowledge, positioned a…
I stored Tailwind classes in the database. After the build, half of the styles disappeared
The author shares their experience with a non-standard technical challenge: storing raw HTML with Tailwind CSS classes directly in a database. During…



