Taste Skill: Make your coding agent design pages with real art direction

What it does

Taste Skill is a set of Agent Skills built from a study of 247 curated sites. The default skill (install name design-taste-frontend) runs a build in six steps: it reads the brief and lists what only this client has, a script deals three of 20 researched directions and the agent picks one, it finds one idea tying the client’s material to that direction, builds with credited pictures and footage from open collections, checks the page in a real browser at three widths and fails it on generic “slop”, then reviews its own screenshots and fixes the top three problems, up to three rounds. Since v2.1, dashboards and app screens get their own route with app-specific checks. It works with React, Vue, Svelte or plain HTML. Seven older “classic” skills stay available and run only when called by name.

How to use it

Input: a brief for a page or app screen, or an existing page to redesign. Action: install with `npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"`, or add the Claude Code or Codex plugin from the Leonxlnx/taste-skill marketplace, then ask your agent to build or review the page. Output: the page in your project, with picture credits on it, after the skill’s browser checks.

Common use cases

• Give your agent a one-paragraph brief for a coffee shop site and get a page built around one art direction, with credited archive photos, checked at three screen widths.
• Ask for an admin dashboard or settings screen and get panels, charts and tables styled from a study of real product screens, checked with the app rules (`inspect.mjs --app`).
• Point it at an existing landing page for a redesign: it audits the page in a real browser first, then fixes the top problems it sees in its own screenshots.