Taste
Teaches Claude what good design actually looks like, eliminating generic gradients, overused glassy/blur effects, and the telltale "AI-generated" look from any interface it builds.
Before & after
Same prompt, same agent — the only difference is the skill.
A good analytics dashboard should show your key metrics prominently and make it easy to drill down into the data. You'll want to use clear labels and logical organization. Consider using a color scheme that matches your brand. Charts should be easy to read and interactive if possible. You might include filters so users can look at different time periods or segments. It's good to have a consistent layout so the dashboard feels unified. You could add some charts with gradients or glassmorphism effects for a modern look. Make sure the design isn't too cluttered and there's good use of whitespace. Would you like suggestions on which charts work best for different metrics?
DASHBOARD DESIGN (Taste judgment applied) VISUAL STRATEGY RULES REJECT gradient overlays (signals generic AI default) REJECT glassmorphism/blur on controls (signals 2024 AI trends) USE restrained monochrome base with one accent color for callouts only Typography: System font, generous line height, hierarchy via weight not size Spacing: 8px grid, consistent margins, whitespace breathing room LAYOUT (Client Dashboard, Monthly) Header: Key stat (MRR growth +12% YoY) left-aligned sans-serif, no card wrapper Revenue trend: Line chart, no fill, light stroke, 12-month window (2 cols wide) Churn by cohort: Labeled bars, light gray inactive, dark accent for recent (2 cols wide) Unit economics: Table, subtotal rows bold, 1px lines only (full width) Conversion funnel: Waterfall chart, same accent per stage, percentages called out (2 cols) COLOR PALETTE (no gradients anywhere) Background: Off-white #f9f8f7 Text/elements: Dark gray #6b7280 Accent callout: Navy #1f2937 (KPI only) Secondary: Muted blue #7c8ba3 (light touch) Alert: Red #dc2626 (churn/risk only) INTERACTION (learned, not default) Hover: Soft shadow on card, opacity emphasis on data point Tooltip: Plain text, no animation, 200ms delay Drill-down: Click bar, inline expansion (not modal) RESULT: Human-designed aesthetic, zero AI tells
About this skill
name: taste-design-skill description: Use when Teaches Claude what good design actually looks like, eliminating generic gradients, overused glassy/blur effects, and the telltale "AI-generated" look from any interface it builds.
Taste
Rather than giving Claude a checklist of design commands, Taste installs a sense of design judgment directly. It steers Claude away from the most common AI design tells, generic purple gradients, glassmorphism slapped on everything, and interfaces that instantly read as AI-generated, producing output that looks like a real designer was involved rather than a model defaulting to its most common patterns.
What you get
- Eliminates generic AI-slop visual patterns (gradients, glassmorphism overuse), instills design judgment rather than fixed rules, works across any UI generation task, produces interfaces that read as human-designed.
Customize your output
- N/A — works as an underlying judgment layer rather than a set of adjustable parameters.
Example output
A dashboard built with Taste active skipped the default purple-gradient treatment entirely, instead using restrained color and spacing choices that did not read as AI-generated.
Best for
Non-designers and vibe coders who keep getting generic, obviously-AI-generated interfaces and want Claude to exercise real design judgment instead.
SKILL.md preview
---
name: taste-design-skill
description: Use this skill whenever Claude is building an interface, to steer it away from generic AI-tell patterns like default purple gradients and glassmorphism toward genuine design judgment.
version: 1.0.0
category: Design / Frontend
author: AgentVolt
license: proprietary
tags:
- design
- frontend
- standard
---
# Taste
Installs design judgment directly rather than a checklist, steering Claude away from the most common AI-generated design tells so output looks like a real designer was involved.
## When to use
… (sign up to view the full skill)