Design Taste Frontend

Skill Active

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.

Purpose

To generate premium, non-generic frontend code by enforcing strict design principles, architectural constraints, and creative concepts, resulting in visually striking and meticulously refined user interfaces.

Features

Architects digital interfaces overriding default LLM biases
Enforces metric-based rules for design variance, motion, and density
Mandates strict component architecture and framework conventions
Implements advanced CSS techniques like hardware acceleration
Provides detailed directives for balanced design engineering

Use Cases

Generating high-fidelity UI components and layouts
Ensuring adherence to specific design system principles
Implementing advanced frontend animations and micro-interactions
Producing code that avoids common AI-generated UI clichés

Non-Goals

Providing a single, narrow visual style
Assuming third-party libraries are already installed
Generating code with generic or uninspired design patterns

Versioning

warning:Release ManagementThe README mentions a changelog on tasteskill.dev, but no explicit versioning is declared in the SKILL.md frontmatter or manifest, and installation instructions reference the main branch.

Execution

warning:Pinned dependenciesWhile the skill mandates checking package.json, it does not specify pinning dependencies or provide a lockfile for the skill's own potential dependencies.

Installation

npx skills add Leonxlnx/taste-skill

Runs the Vercel skills CLI (skills.sh) via npx — needs Node.js locally and at least one installed skills-compatible agent (Claude Code, Cursor, Codex, …). Assumes the repo follows the agentskills.io format.

Quality Score

75 /100

Analyzed 1 day ago

Trust Signals

Last commit8 days ago

GitHub owner Leonxlnx

Stars17.2k

LicenseMIT

Websitetasteskill.dev

Status

View Source

Similar Extensions

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Skill

digitalsamba

Shadcn/ui Component Library

shadcn/ui component library for React with Tailwind CSS - copy-paste accessible components with full code ownership

Skill

bobmatnyc

Angular Developer

100

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.

Skill

angular

Ui Ux Pro Max

100

UI/UX design intelligence with searchable style, palette, typography, and chart databases. Use when designing UI components, choosing colors/fonts, reviewing code for UX issues, building landing pages, or implementing responsive layouts.

Skill

spartan-stratos

Layout Audit

100

Layout and spacing audit covering grid, spacing consistency, density, responsive behavior

Skill

Aboudjem

A11y Audit

100

Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets

Skill

Aboudjem