Skip to content

Taste Skill

Agent skill that steers coding agents toward distinct web designs with reference images and browser checks.

Stars
108k
Forks
7.3k
Licence
MIT
Language
JavaScript
Last update
6 days ago
Type
AI model / agent

What it is

Taste Skill is an Agent Skill for coding agents such as Claude Code and Codex. It gives the agent an art direction, real photographs from open archives, and a way to check its own page in a real browser, so the output is less like a generic AI-made landing page. The README says it also covers dashboards and app screens since v2.1.

  • Generate a landing page for a small business from a short brief
  • Build a dashboard or admin screen with its own app-style checks
  • Audit and redesign an existing page in a real browser before changing it
  • Produce a page with photographs credited automatically from open collections

Great for

  • Developers using Claude Code or Codex who want less generic frontend output
  • Designers prototyping landing pages from a brief
  • Teams building marketing pages that need real imagery with credits
  • People who can wait roughly 30 to 45 minutes per build

Not ideal for

  • Users who want a quick one-line component: a full build takes about 30 to 45 minutes and a few hundred thousand tokens, per the README
  • Users without Node 22+ or Chrome, Edge or Chromium, since the scripts need them
  • Projects that cannot reach the internet, because finding pictures needs network access
Step-by-step guide: how to use Taste SkillInstall, first run, examples, tips and FAQs

How to get it

  1. 1

    Install with a package manager

    You'll need: Node.js 22+ · Chrome, Edge or Chromium

    Install the design-taste-frontend skill

    npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
  2. 2

    Run it

    • Install the skill with the npx command above.
    • Start a new session in your coding agent so the skill loads.
    • Give the agent a brief describing the website or app screen you want.
    • Wait for the build, which the README says takes roughly 30 to 45 minutes.
    • Review the browser-checked result and replace the sample photographs with your own where needed.
  3. 3

    Get the most out of it

    • Use the Claude Code plugin route to keep the skill namespaced under taste-skill:
    • Run ./install.sh from a clone to symlink the skill so git pull updates it
    • Use the --app check for dashboards and app screens, per the README
    • Install the older skills from taste-skill-classics under their original names if needed

Downloads

Strengths

  • Gives the agent a concrete design process: directions, a found idea, browser checks at three widths
  • Uses real, credited photographs from open archives rather than placeholder art
  • Installs with no API keys required, according to the README

Trade-offs

  • Slow and token-heavy per build, by the README's own estimate
  • Image sourcing depends on network access and open collections, and the README says replacing them with your own is recommended
  • Its design rules reflect the author's taste, so output may still need human review

How it compares

ProjectStarsTypeLevelUpdatedBest for
taste-skill (this)108kAI model / agentbeginner6 days agoDevelopers using Claude Code or Codex who want less generic frontend output
humanizer63.8kAI model / agentbeginner9 days agoWriters who draft with an AI and want the final text to sound more natural
Kami12.2kAI model / agentbeginner5 days agoPeople who use Claude Code, Codex, or Cursor and want polished documents without manual layout work
agent-skills113kOtherbeginner4 days agoDevelopers who already use an AI coding agent and want more structured, test-driven output
OmniRoute83.8kAppintermediate4 days agoDevelopers who use several AI coding tools and want one place to configure providers
marketingskills57.9kLearning resourcebeginner6 days agoTechnical marketers who already use AI coding agents

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.