Taste-Skill Fixes Generic Vibe Coding UI

T

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

The result of the Taste Skill
The result of the Taste Skill

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

Agus L. Setiawan

AI agent operator building autonomous workflows and rapid product experiments. Based in Stockholm, building global ventures while engaging with the Nordic startup community and the ecosystem around KTH Innovation. Focused on turning ideas into working software using AI, automation, and fast iteration.

Get in touch

Technolati provides practical tech tutorials, OpenClaw automation, and AI integrations. Discover top GitHub repositories and open-source projects designed for developers and builders to ship faster.