Repolode
Leonxlnx

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. 1

    Install the default skill with npx

    npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
  2. 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