Skip to content

Leonxlnx/taste-skill

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Taste Skill

A collection of skills that improve how AI tools write frontend code. Instead of generating generic, boring interfaces, the AI builds modern, premium designs with proper animations, spacing, and visual quality.

Agent Skills GitHub stars AI Supported Premium UI

Feedback & Contributions

I'd love to hear your thoughts! If you have suggestions or find any bugs:

Installing

Works via CLI for all major AI coding agents (Cursor, Antigravity, Claude Code, Codex, Windsurf, Copilot, etc.):

npx skills add https://github.com/Leonxlnx/taste-skill

Skills

Skill Description
taste-skill The main design skill for premium frontend code. Covers layout, typography, colors, spacing, and motion.
redesign-skill For upgrading existing projects by auditing and fixing design problems first.
soft-skill Focuses on an expensive, soft UI look with premium fonts, whitespace, depth, and smooth spring animations.
output-skill Stops the AI from being lazy. Prevents placeholder comments, skipped code blocks, and half-finished outputs.
minimalist-skill For clean, editorial-style interfaces inspired by tools like Notion and Linear. Monochrome, crisp borders.
brutalist-skill ⚠️ BETA Raw mechanical interfaces fusing Swiss typographic print with CRT terminal aesthetics.
stitch-skill Google Stitch-compatible semantic design rules for premium AI UI generation. Includes DESIGN.md for export.

Settings (taste-skill only)

The taste skill has three settings at the top of the file. Change these numbers (1-10) depending on what you're building:

  • DESIGN_VARIANCE — How experimental the layout is. (1-3: Clean/centered | 8-10: Asymmetric/modern)
  • MOTION_INTENSITY — How much animation there is. (1-3: Simple hover | 8-10: Magnetic/scroll-triggered)
  • VISUAL_DENSITY — How much content fits on one screen. (1-3: Spacious/luxury | 8-10: Dense dashboards)

Examples

Created with taste-skill:

Support the project

If you find taste-skill useful, consider sponsoring the development.

Sponsor on GitHub

Current Sponsors

mccun934

Research

Background research that informed how these skills were built. See the research folder.

About

Taste-Skill (High-Agency Frontend) - gives your AI good taste. stops the AI from generating boring, generic, "slop"

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

 
 
 

Contributors