An interface design skill for AI agents that explores distinct design directions, compares them side by side, and refines them against real screenshots.
Leonxlnx/taste-skill
Agent Skills that make coding agents design distinctive frontends, using art direction, real photos and a browser self-check instead of generic AI landing pages.
- Stars
- 99,091
- Forks
- 6,739
- Open issues
- 1
- Last commit
- yesterday
What is it?
Taste Skill is a set of Agent Skills for coding agents such as Claude Code, Codex and Cursor. It targets the generic, template-like pages that AI tools often produce. The default skill, installed as design-taste-frontend, has the agent pick an art direction from a set of researched options, find real photographs from open collections with credits, build the page, and check it in a real browser at several widths.
The skill covers landing pages, marketing sites, portfolios, product pages, dashboards and app screens, and works with React, Vue, Svelte or plain HTML. It needs Node 22 or newer and an installed Chrome, Edge or Chromium, and requires no API keys. Several older variants with adjustable style dials are kept as opt-in classic skills.
Key features
- 01Chooses an art direction from researched options before building the page
- 02Sources real photographs from open collections such as Wikimedia Commons, with credits on the page
- 03Checks the rendered page in a real browser at three widths
- 04Reviews its own screenshots and fixes top problems over several rounds
- 05Includes separate rules for dashboards and app screens
- 06Installs via npx skills or as Claude Code and Codex plugins
Use cases
- Building a landing page or portfolio that does not look like a default AI template
- Redesigning or auditing an existing website in a real browser before making changes
- Creating dashboards or admin screens with honest data and restrained styling
- Producing a marketing site for a product that needs a distinct visual identity
Quick start
- 1
Install the default skill with npx
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend" - 2
Have Node 22+ and Chrome, Edge or Chromium installed
Things to know
- The default skill needs Node 22+ and an installed Chrome, Edge or Chromium.
- Finding pictures requires network access.
- A single build takes roughly 30 to 45 minutes and a few hundred thousand tokens.
Topics
FAQ
- What is taste-skill?
- Agent Skills that make coding agents design distinctive frontends, using art direction, real photos and a browser self-check instead of generic AI landing pages. Taste Skill is a set of Agent Skills for coding agents such as Claude Code, Codex and Cursor. It targets the generic, template-like pages that AI tools often produce. The default skill, installed as design-taste-frontend, has the agent pick an art direction from a set of researched options, find real photographs from open collections with credits, build the page, and check it in a real browser at several widths.
- Is taste-skill free to use? What license does it have?
- taste-skill is open source under the MIT license. Check the license terms before using it in commercial products.
- Is taste-skill still maintained?
- Actively maintained. The last commit to taste-skill was on Oct 19, 2026.
- What can I use taste-skill for?
- Building a landing page or portfolio that does not look like a default AI template Redesigning or auditing an existing website in a real browser before making changes Creating dashboards or admin screens with honest data and restrained styling Producing a marketing site for a product that needs a distinct visual identity
- How do I install taste-skill?
- Install the default skill with npx: npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend" Have Node 22+ and Chrome, Edge or Chromium installed
- Where can I get taste-skill?
- The source code and installation instructions are on GitHub: https://github.com/Leonxlnx/taste-skill
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
An Agent Skill that converts a video into an optimized WebP frame sequence and builds a scroll-controlled canvas website around it.
An agent skill for Claude Code and Codex that turns your product pages into cinematic promo videos, built with Remotion code rather than generative AI.
A coding-agent skill that makes AI agents prove their code with a test-plan-first workflow, a verification gauntlet, and an evidence report.
An agent skill that makes AI coding agents build designed, award-style websites from a one-line brief, plus a companion /jury skill that scores sites.
MCP server and CLI letting AI agents reverse engineer native binaries, Electron apps, .NET assemblies and websites.