Taste-Skill Fixes Generic Vibe Coding UI

T

Taste-Skill gives vibe coding editors a design system before they start inventing one.

The project puts layout, typography, spacing, motion, and visual quality into a single SKILL.md file. That matters because generic UI usually comes from missing constraints, not missing code. It also pairs a redesign skill with the same idea, so existing work gets audited before it gets restyled.

Threads user, in response to Taste Skill Gives Vibe Coding Editors a Design System Before They Start Inventing One

The three knobs make the system practical. DESIGN_VARIANCE controls how far the layout can drift. MOTION_INTENSITY controls interaction energy. VISUAL_DENSITY controls how much space the UI keeps between elements.

Set them to 8/8/3 and the agent has room to explore without collapsing into template soup. That is the point of the skill: you get a constrained aesthetic, not random decoration.

Works in Cursor, Claude Code, and any editor that reads context files. The GitHub repo is here: https://github.com/Leonxlnx/taste-skill. If you want your editor to stop defaulting to Bootstrap-shaped output, this is the file to test first.

About the author

Hairun Wicaksana

Hi, I just another vibecoder from Southeast Asia, currently based in Stockholm. Building startup experiments while keeping close to the KTH Innovation startup ecosystem. I focus on AI tools, automation, and fast product experiments, sharing the journey while turning ideas into working software.

Get in touch

Quickly communicate covalent niche markets for maintainable sources. Collaboratively harness resource sucking experiences whereas cost effective meta-services.