◆ Claudius
Status

avoid-ai-design

Skill

Claude Code skill that audits AI-generated frontend and rewrites it to remove generic AI-slop design patterns.

by funboy322·funboy322/avoid-ai-design·JavaScript·v0.4.0
85· A
Install
git clone https://github.com/funboy322/avoid-ai-design
Stars
92
7d change
▲ 9.52%
Downloads / week
—
Last active
9 days ago
About

A Claude Code skill that audits AI-generated frontend code and rewrites it so it stops looking AI-generated, including the "tasteful" defaults that replaced the purple gradient.

One real page, run through the skill. Same product, same sections, same copy; only the design changed. The scanner finds 23 tells before and no design tells after. Pages and the full audit: examples/demo/ .

Ask Claude, Codex, or any model to "build a landing page" and you get the same page every time: a purple-to-blue gradient, Inter for every word, a centered hero over three rounded feature cards, a glassy navbar. Ask it to make that look less AI and you get the next same page: warm cream with a terracotta accent, or near-black with one acid-green signal, all-caps monospace labels, one colored word in the headline, features numbered 01 / 02 / 03.

`avoid-ai-design` catches both. It scans the frontend an AI just produced, flags the patterns that give it away, and rewrites the interface around a direction drawn from your product rather than from a list of looks. On multi-page work it writes that direction down once, in a `DESIGN.md`, so page two cannot drift from page one.

Read more on GitHub →
30-day stars
Trust factors
Source
community
Known advisories
0
Maintenance
active
License
MIT
Age
4 months
designdeveloper-tools#ui-design#frontend#shadcn#tailwindcss#anti-slop#agent-skills#ai-design#ai-slop#anthropic#claude-skill#codex#cursor#design-md#design-system#frontend-design#linter#llm#react#shadcn-ui#web-design