Taste Skill: Guidelines for writing code for AI agents

Taste Skill is a transferable design guideline for AI coding agents to avoid creating boring user interfaces. It’s an ‘Anti-Slop Frontend Framework’, which is essentially a list of rules that an agent can read and follow to make sure they don’t fall into common traps. The framework has 3 knobs to dial in how much variation there should be in the layout (centered & clean or asymmetric & modern), animation (hover effects only or scroll/magnetic), and visual weight (sparse or dense dashboards). Included in the repo are different versions of the skill such as the default v2, a notion/linear inspired minimalistic version, an industrial brutalist version, an expressive high motion version, a redesign skill to improve an existing codebase, and some image generation skills to create a visual board first and then send the frames over to your AI coding agent to implement. This works for React, Vue, Svelte, and any other major coding agent.

Install the design skill from https://github.com/Leonxlnx/taste-skill following the README and apply it to our project — restyle the main page and show me the result.