What problem does it solve?
This Skill solves the pervasive issue of AI-generated frontend designs being generic, templated "slop" that fails to align with a user's specific brief, target audience, and brand identity, resulting in websites that look identical to every other AI-generated site.
Core Features & Use Cases
- Brief-Inferred Design Direction: Automatically reads user briefs, vibe signals, audience details, and brand assets to select a tailored design direction instead of defaulting to overused AI clichés like AI-purple gradients or generic glassmorphism.
- Design System & Aesthetic Mapping: Selects appropriate official design systems (e.g., shadcn/ui, GOV.UK Frontend) for matching use cases, or builds custom, honest implementations for aesthetic-led directions like brutalism or editorial design.
- Strict Pre-Flight Guardrails: Enforces hard rules for layout discipline, typography consistency, color calibration, accessibility compliance, and visual diversity to eliminate common AI design tells and ensure production-ready output.
- Use Case Example: Use this Skill to generate a minimalist, Linear-inspired SaaS landing page for a technical B2B audience, or a kinetic, editorial portfolio for a design studio targeting hiring managers.
Quick Start
Use the taste skill to design a premium consumer cookware brand landing page with a cold luxury aesthetic, restrained motion, and no templated design patterns.