skills.rest
Kevin-Liu-01
Kevin-Liu-01COMMUNITY
Explore all skills by this author →
Website𝕏@kevskgsGitHub

frontend-design-taste

Enforce design-taste tokens, variance dials, and archetypes for front-end workflows.

16|3|Updated May 5, 2026
Search Tags:#design#ui#aesthetic#archetypes#design-tokens#variance#anti-slop
One-click install
npx skills add https://github.com/Kevin-Liu-01/Agent-Machines --skill frontend-design-taste
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-design-taste
Source: https://github.com/Kevin-Liu-01/Agent-Machines/tree/main/knowledge/skills/frontend-design-taste
Command: npx skills add https://github.com/Kevin-Liu-01/Agent-Machines --skill frontend-design-taste

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend teams often chase generic AI aesthetics, producing bland UI. This skill provides anti-slop enforcement, variance dials, art direction archetypes, creative arsenal, and performance guardrails to keep interfaces distinctive and purposeful.

Core Features & Use Cases

  • Anti-slop enforcement: hard rules and tokens to avoid generic visuals.
  • Variance dials and archetypes: three archetypes plus motion and density controls for flexible design direction.
  • Performance guardrails and tokens: consistent tokens and responsive patterns for scalable systems in production.

Quick Start

Define a distinctive UI direction for a new landing page using the design-taste framework.

Frequently Asked Questions about frontend-design-taste

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I avoid generic AI aesthetics in frontend UI design?▼

Avoid generic AI aesthetics by enforcing an anti-slop framework with hard rules, design tokens, variance dials, and art direction archetypes to keep interfaces distinctive and purposeful.

What are design tokens and how do they enforce art direction in a design system?▼

Design tokens enforce art direction by providing consistent values for visual properties, ensuring scalable and responsive patterns across UI components and landing pages in production.

How do I define a distinctive UI direction for a new landing page?▼

Define a distinctive UI direction by selecting from three art direction archetypes and adjusting variance dials for motion and density within the design-taste framework to shape bold visuals.

Does this design taste framework work for scalable production design systems?▼

Yes, the design taste framework supports scalable production design systems by enforcing performance guardrails, consistent tokens, and responsive patterns across UI components.

What is the best way to control visual variance and density across UI components?▼

Control visual variance and density across UI components by using variance dials, which allow flexible design direction and adjustments for motion and density within the anti-slop framework.

Related Skills

Explore More Design & Creative Skills→
PriyanshKuniyalPriyanshKuniyal

design-system-patterns

Define atomic design tokens, theming infrastructure, and reusable component libraries for UI workflows.

Community
Advanced
StevenWXYStevenWXY

frontend-design

Generate production-grade frontend code and polished UI designs from user requirements.

Community
Advanced
viktorbezdekviktorbezdek
10

frontend-design

Create accessible, responsive UI design systems with Tailwind CSS, Radix UI, and shadcn/ui.

Community
Advanced
flpbaladaflpbalada
23

visual-cues-cta-psychology

Guide user gaze toward CTAs using F/Z patterns and visual hierarchy.

Community
Basic