← ClaudeAtlas

frontend-tastelisted

Anti-slop tactical layer for React / Next.js / Tailwind / Framer Motion frontend work. Pairs with the impeccable skill (strategic layer / register laws). Use when building or auditing UI, working on hero sections, landing pages, dashboards, components, or any frontend surface that an AI agent is generating. Carries the Dial System, the Frequency Gate, the Jane-Doe anti-slop content rules, hero discipline, Bento 2.0 motion-engine archetypes, Double-Bezel nested architecture, image-first workflow, shadow + surface recipes, a ~50-item redesign audit checklist, minimalist warm-monochrome variant, stack-specific gotchas, and anti-truncation output discipline.
adelaidasofia/ai-brain-starter · ★ 18 · Web & Frontend · score 81
Install: claude install-skill adelaidasofia/ai-brain-starter
# Frontend Taste Engine Anti-slop tactical layer. Sits on top of the impeccable substrate (strategy + register laws + shared design absolute bans). Adds the prescriptive recipe layer impeccable leaves under-specified. ## 1. How this layers | Layer | Source | What it carries | |---|---|---| | Strategy | `impeccable` skill (Apache 2.0) | Register split (brand vs product), color strategy (Restrained / Committed / Full palette / Drenched), theme physical-scene test, 17-font reflex-reject, aesthetic-lane reflex-reject, shared absolute bans | | Motion philosophy | `design-motion-principles` skill (MIT) | Three-designer lens (Emil / Jakub / Jhey), Frequency Gate, Golden Rule, duration-by-context, accessibility (`prefers-reduced-motion`) | | Tactics (this skill) | This file | Dial System, Variance Engine archetype lock-in, Jane-Doe content rules, hero discipline, Bento 2.0 motion engine, Double-Bezel nested architecture, image-first workflow, shadow/surface recipes, ~50-item redesign audit checklist, minimalist variant, anti-truncation discipline | Do not duplicate impeccable's content. Reference impeccable's `brand.md` and `product.md` for the register-specific laws. ## 2. The Dial System Three globals at the top of any frontend-taste prompt. Default 8 / 6 / 4. Tunable per-request. ``` DESIGN_VARIANCE: 8 // 1=symmetric, 10=asymmetric/chaotic MOTION_INTENSITY: 6 // 1=static, 10=cinematic/physics VISUAL_DENSITY: 4 // 1=art-gallery, 10=pilot-cockpit ``` Mobile