Avoid AI Design
Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the second-order "tasteful AI" ones (cream with terracotta, near-black with acid green, all-caps mono chrome, one accented headline word, decorative 01/02/03). Use when asked to "de-slop a UI", "make a design look less AI-generated", "audit a page or component for AI design tells", "fix Claude/Codex-generated frontend that looks generic", or keep a multi-page site on one design system. Covers HTML/CSS and
Install
npx skills add funboy322/avoid-ai-design --skill avoid-ai-designgit clone --depth 1 https://github.com/funboy322/avoid-ai-design.git /tmp/avoid-ai-design
mkdir -p ~/.claude/skills
cp -r /tmp/avoid-ai-design/. ~/.claude/skills/avoid-ai-designPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
From the SKILL.md
# Avoid AI Design: Audit & Rewrite
You are reviewing frontend code to find the patterns that make a UI look AI-generated ("AI slop"), then rewriting it around one intentional design direction.
This is the design counterpart to the `avoid-ai-writing` skill. It targets two stacks: plain **HTML/CSS/JS** and **React + Tailwind + shadcn/ui**.
The point is not to chase novelty. It is to replace defaults with decisions. A purple gradient is not bad because purple is bad; it is bad because no one chose it.
**There are two orders of default.** The first is the median: purple gradient, Inter, three icon cards. The second is the tasteful escape that became the new median: cream with terracotta, near-black with one acid-green accent, all-caps mono labels, one colored word in the headline, decorative 01/02/03. Anthropic's own `frontend-design` skill lists these clusters, and de-slop passes (this skill's included) land in them constantly. Treat both orders as tells. See the SD section of `references/ai-tells-catalog.md`.
**Code shows half of it; pixels show the rest.** Some tells live in the source (a literal `from-indigo-500`, `Inter`, a `lucide` import); the scanner finds those. Others are visual: whether a palette has a real dominant color, whether spacing has rhythm, whether the structure is the same as every other page. Render when you can. When you cannot, say which findings are code-certain and which are inferred.
## ModesDetails
- Skill name
avoid-ai-design- Repository
- funboy322/avoid-ai-design
- License
- MIT
- Repo updated
- 24 September 2026
FAQ
What does the Avoid AI Design skill do?
Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the second-order "tasteful AI" ones (cream with terracotta, near-black with acid green, all-caps mono chrome, one accented headline word, decorative 01/02/03). Use when asked to "de-slop a UI", "make a design look less AI-generated", "audit a page or component for AI design tells", "fix Claude/Codex-generated frontend that looks generic", or keep a multi-page site on one design system. Covers HTML/CSS and
How do I install the Avoid AI Design skill?
skills CLI (Claude Code, Cursor, Codex and more): npx skills add funboy322/avoid-ai-design --skill avoid-ai-design. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Is Avoid AI Design popular?
It lives in funboy322/avoid-ai-design, which has 136 GitHub stars and 8 forks.
Related skills
Humanizer Indonesia
117adhiprib/humanizer-indonesia
Menyunting teks bahasa Indonesia agar tidak terbaca sebagai tulisan AI atau terjemahan, dan kembali ke gaya penulis. Juga untuk mengaudit berkas yang sudah disunting model lain. Trigger: /humanizer-id, humanize, rapikan bahasa, biar tidak kaku, lebih mengalir, cek gaya, audit hasil Gemini.
Docmancer
133docmancer/docmancer
Work from the same local memory as every other coding agent on this machine. Recall prior decisions, preferences, instructions, and project conventions that Claude Code, Codex, Cursor, and other agents wrote here, with cited sources, fully local. Also searches a separate local technical-documentation index.
Karpathy Wiki
117SherwinQ/karpathy-wiki
Use when building or maintaining a personal knowledge base with LLM assistance. Triggers on ingesting sources, compiling wiki articles, querying knowledge, running health checks, deep research, or initializing a new wiki vault. Based on Karpathy's LLM Wiki pattern with Obsidian integration.
Buyer Eval Skill
68salespeak-ai/buyer-eval-skill
An AI analyst for buying B2B software. Investigates what vendors claim, checks the evidence, surfaces contradictions and unanswered questions, and produces a shareable Decision Brief with the questions to ask before you buy. Quick Eval by default; Deep Eval on request. Use when asked to evaluate, compare, vet, or research B2B software vendors.
Mcd Saver
136yuxinlaile/McD-saver
麦麦省钱助手——基于麦当劳中国官方 MCP Server 的省钱点餐技能。当用户提到麦当劳、麦乐送、麦麦、点麦当劳、想省钱/薅羊毛/领券/优惠、查优惠怎么用、积分兑换、麦麦商城、积分抽奖、麦当劳活动，或询问"怎么点麦当劳最划算"时使用本技能。核心能力：在下单前自动完成"领券→选券→比价→积分抵扣评估"，用 35 个官方工具帮用户以最低价格吃到同样的麦当劳。
Wiki
106plasma-ai/wiki
Indexed knowledge bases with command-line tools for agents.
Browse the most popular Claude skills, all ai, llms & agents skills, or write your own with the skills generator.