Agent skillsDesign

Taste Skill: your agent designs the page instead of averaging it

A page built by a model tends to look like the mean of every page it was trained on. Taste Skill swaps those defaults for decisions: a script deals three of twenty directions researched on 247 curated sites, the agent picks the one that fits the client, pulls credited pictures from open archives and then reviews its own work in a real browser.

101,792stars on GitHub · #14

Open on GitHub

Install

  • skills CLI
    npx skills add Leonxlnx/taste-skill@design-taste-frontend
  • Claude Code plugin
    /plugin marketplace add Leonxlnx/taste-skill
  • Claude Code plugin
    /plugin install taste-skill@taste-skill

Download ZIP

Author
Leonxlnx
Licence
MIT
Pack
Single skill
Updated
20 October 2026
Agents
Claude Code, Codex

What it does

  • draw.mjs deals three of twenty directions, then hands over the type system, palette, hero and section layouts for the chosen one
  • The idea comes from the subject: the agent lists 8 to 12 things only this client has, such as its street, materials, hours or numbers
  • Pictures come from Wikimedia Commons, Openverse and the Met, limited to public domain, CC0, CC BY and CC BY-SA, with credits on the page
  • inspect.mjs loads the page at three widths and fails it on slop; the agent then fixes the top three problems for up to three rounds
  • Since v2.1 dashboards, admin views and settings screens get their own run with draw.mjs --app and inspect.mjs --app

When to use it

  • A client says the site looks templated or AI-made and wants it to feel designed
  • You need a landing page for a cafe, club or studio, and the client has no photography of its own
  • You are building a product site and want its interface fragments to look like a working app

Ask your agent

  • Build a one-page site for a bakery on Elm Street that lights its oven at five every morning
  • This page looks generic. Check it in the browser and redo the hero
  • Design a sales analytics dashboard with quiet panels and honest charts

Questions

How do I install Taste Skill?

Use npx skills add with the install name design-taste-frontend. In Claude Code you can also add it as a plugin with /plugin marketplace add Leonxlnx/taste-skill and /plugin install taste-skill@taste-skill.

Does Taste Skill work in Codex?

Yes. The README has a Codex plugin: codex plugin marketplace add Leonxlnx/taste-skill, then codex plugin add taste-skill@taste-skill, and a fresh session.

Does Taste Skill need an API key?

No. It installs nothing and uses no API keys; the internet is only needed to find pictures in open collections.

DesignAll skills