# Taste

> Minimal anti-AI-slop filter for frontend and UI design. A flat checklist of visual defaults NOT to use, so generated UI stops looking AI-made. Negative constraints only, no prescribed style. Adaptive, so if the user or another skill wants something specific, do that instead.

- Skill: `shunkakinoki/taste` (Agent Skill)
- Install (CLI): `npx skillmds@latest add shunkakinoki/taste`
- Raw SKILL.md: https://api.skillmd.com/api/skills/shunkakinoki/taste/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: shunkakinoki (https://skillmd.com/u/shunkakinoki)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/shunkakinoki/taste

---


# Anti-Slop: Frontend DON'Ts

What NOT to do when designing a UI or page. This is a filter, not a style; it never prescribes a look. Stacking several of the below is what reads as AI-made on sight. Adaptive, so if the user or another skill asks for something specific, do that instead; these are defaults, not overrides.

- purple / indigo / violet accent, or a purple-to-blue hero gradient (the top AI tell)
- `bg-clip-text` gradient headline text
- cream (`#faf8f4`) as the whole-page background
- aurora blobs / glowing colored shadows, or an identical glow on every card
- Inter everywhere, or Geist / Space Grotesk / Instrument Serif / Roboto / Arial as your only identity
- gray-400 / gray-500 body text
- one font weight and size throughout (no hierarchy)
- tracked all-caps micro-kickers above every section
- centered hero of eyebrow pill + headline + two CTAs
- the identical 3-card feature grid with a lucide icon in a rounded square
- an 8+ word, 48px+ headline that says nothing
- bento grid for everything
- the same eyebrow-headline-3cards section repeated back to back
- `rounded-2xl`, or any single radius, on every element
- glassmorphism blur + border + shadow on every surface
- `hover:scale-105` lift on cards
- emoji as feature icons (🚀 ⚡ ✨ 🎯 💡)
- left-border accent cards, a colored border on a rounded element, or cards nested inside cards
- fade-up / slide-up on everything as it scrolls in
- motion that ignores `prefers-reduced-motion`
- scribbly hand-drawn SVG mascots with no purpose