https://github.com/Leonxlnx/taste-skill
Taste-Skill (High-Agency Frontend) - gives your AI good taste. stops the AI from generating boring, generic, "slop"
https://github.com/Leonxlnx/taste-skill
agent ai coding lowcode nocode skill skills vibecoding
Last synced: 4 months ago
JSON representation
Taste-Skill (High-Agency Frontend) - gives your AI good taste. stops the AI from generating boring, generic, "slop"
- Host: GitHub
- URL: https://github.com/Leonxlnx/taste-skill
- Owner: Leonxlnx
- Created: 2026-02-19T21:44:05.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2026-03-01T00:53:33.000Z (5 months ago)
- Last Synced: 2026-03-01T03:58:30.775Z (5 months ago)
- Topics: agent, ai, coding, lowcode, nocode, skill, skills, vibecoding
- Homepage:
- Size: 1.05 MB
- Stars: 1,774
- Watchers: 16
- Forks: 116
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-ai-coding - Taste-Skill - skill?style=flat-square&label=%E2%98%85)](https://github.com/Leonxlnx/taste-skill) | Leonxlnx | Taste-Skill - gives your AI good taste, stopping boring and generic layout generation. | Claude Code / Codex | (🔌 Custom Agent Skills & Plugins)
- awesome-ai-agents - Leonxlnx/taste-skill - Taste Skill provides portable AI Agent Skills designed to enhance the quality of AI-generated frontends and image-based design references, aiming to eliminate generic UI outputs. (Agent Integration & Deployment Tools / AI Developer Toolkit)
- awesome-projects - frontend-taste
- StarryDivineSky - Leonxlnx/taste-skill - Skill 则像为厨师装配了一个智能传感器：当检测到输出内容落入常见模式时（例如重复使用高频词汇或构图），系统会触发**概率分布重构**——这类似于让厨师主动减少盐的用量，转用特色香料。其底层通过**隐空间向量插值**实现风格强化，好比在绘画时混合两种颜料的比例来获得理想色调。整个过程无需修改模型参数，而是通过实时分析生成路径中的关键节点动态调整策略，这种轻量级架构使其能兼容多数主流 AI 框架。 该项目特别适合需要保持品牌调性的内容创作者，或是追求差异化输出的开发团队。其设计理念揭示了一个深层趋势：AI 应用的竞争焦点正从"能否生成"转向"如何生成得更好"。通过将主观的"品味"转化为可量化的干预策略，Taste-Skill 为生成式 AI 的精细化控制提供了新范式。 (A01_文本生成_文本对话 / 大语言对话模型及数据)
- awesome-local-llms - taste-skill - Skill - gives your AI good taste. stops the AI from generating boring, generic slop | 58,224 | 3,969 | 20 | 0 | 0 | MIT License | 1 days, 12 hrs, 28 mins | (Open-Source LLM & Agent Projects)
- awesome-ai-agent-skills - Taste Skill - Anti-slop frontend and design skills for AI agents, covering landing pages, redesigns, image-to-code workflows, brand kits, and visual direction. (Frontend & Design)
- awesome-agent-skills - Leonxlnx/taste-skill - High-agency frontend skill that gives AI good taste with tunable design variance, motion intensity, and visual density to stop generic UI slop (Sponsors ❤️ / Community Skills)
- awesome-opensource-ai - taste-skill - Anti-slop frontend design skills for coding agents that improve layout, typography, and design system alignment during generation. MIT licensed.  (4. Agentic AI & Multi-Agent Systems)
- awesome-openclaw-skills - Leonxlnx/taste-skill - agency frontend skill that gives AI good taste with tunable design variance, motion intensity, ... | - | (Other)
- awesome-github-projects - taste-skill - Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop ⭐57,800 `JavaScript` 🔥 (🤖 AI & Machine Learning)
- awesome-claude-code - **taste-skill**
- awesome-agent-evolution - **Taste-Skill** - High-Agency frontend skill that helps AI generate less generic, more tasteful outputs. by [@Leonxlnx](https://github.com/Leonxlnx) (60,344 stars) (Agent Coding and Software Engineering)
- Awesome-GitHub-Repo - Leonxlnx/taste-skill - 给 AI 编程助手装上设计品味的技能插件，告别模板化 UI，支持 Cursor/Claude Code/Codex 等主流工具，39k+ Star。 (AI开源项目 / AI Skills)
- awesome-ai-200 - Leonxlnx/taste-skill - Skill - gives your AI good taste. stops the AI from generating boring, generic slop | (🏆 القائمة الكاملة Top 200)
- awesome-agent-skills - taste-skill - A collection of skills that improve how AI tools write frontend code. (UI and Design Skills)
- awesome-claude-design - **Leonxlnx/taste-skill** - skill?style=flat-square&logo=github&label=" height="16"> — frontend taste skill: premium UI generation, redesign audits, GSAP motion, brutalist/minimalist/soft variants, 3-dial parameterization (variance, motion, density) (Anti-Slop Kit / Community anti-slop tools)
- awesome-starz - Leonxlnx/taste-skill - Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop (JavaScript)
README
# 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.
## Feedback & Contributions
I'd love to hear your thoughts! If you have suggestions or find any bugs:
- Open a Pull Request or Issue right here on GitHub
- DM me on [x.com/lexnlin](https://x.com/lexnlin)
- Email me at [hello@learn2vibecode.dev](mailto:hello@learn2vibecode.dev)
## Skills
There are three skills in this project. Each one lives in its own folder and contains a `SKILL.md` file.
### 1. taste-skill
The main design skill. Teaches the AI how to write good-looking frontend code from scratch. Covers layout, typography, colors, spacing, motion, and overall visual quality.
### 2. redesign-skill
For upgrading existing projects. Instead of rebuilding from zero, this skill walks the AI through auditing what's already there and fixing the biggest design problems first.
### 3. output-skill
Stops the AI from being lazy. Prevents placeholder comments, skipped code blocks, and half-finished outputs. Forces the AI to actually write everything instead of cutting corners.
## How to Use
1. Copy the `SKILL.md` file from the skill folder you need into your project.
2. Tell your AI to read and follow it. In most editors you can just reference it directly (e.g. `@SKILL.md` in Cursor).
That's it. The AI reads the file and follows the rules.
## 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, standard grids.
- 4-7: Overlapping elements, varied sizes.
- 8-10: Asymmetric, lots of whitespace, very modern.
**MOTION_INTENSITY** — How much animation there is.
- 1-3: Almost none. Simple hover effects.
- 4-7: Fade-ins, smooth scrolling.
- 8-10: Magnetic effects, spring physics, scroll-triggered animations.
**VISUAL_DENSITY** — How much content fits on one screen.
- 1-3: Big and spacious. One element at a time. Luxury feel.
- 4-7: Normal spacing. Like a typical app or website.
- 8-10: Dense and compact. Dashboards, data-heavy interfaces.
## Examples
Created with taste-skill:
## Research
Background research that informed how these skills were built. See the [research](research/) folder.