A skill with nearly 50,000 GitHub stars that stops AI from producing generic front-end designs. In the redesign test it gave a cleaner look but removed the tool listings. Combined with Anthropic's skill, the result was the creator's least favorite.
Taste Skill at a glance
- What is Taste Skill?
- Taste Skill is a library from Leonxlnx. Agent Skill that guides coding agents to build company websites with one design system, real photos and browser-checked output.
- Who makes Taste Skill?
- Taste Skill is made by Leonxlnx.
- Does Taste Skill work in the EU?
- Available in the EU. A locally installed skill distributed via GitHub with no regional restrictions; no EU exclusions found. Fetching extra photos or icons uses network access, and the host coding agent has its own availability. Last verified 14 Nov 2026.
- How much does Taste Skill cost?
- Free. Free to install from GitHub; needs no API keys. License not stated in the provided text.
- Where was Taste Skill shown?
- In 1 creator video by Matt Wolfe. Most recently by Matt Wolfe on 24 Jun 2026, at 21:20 in “The 9 Best Claude Skills (Free) That Feel Like Cheat Codes”.
Sources: the vendor's own pages (linked above) and creator videos at the linked timestamps. EU status is information, not legal advice; see how we check.
Taste Skill (design-taste-frontend, version 2.5.1 per the README) is an Agent Skill for coding agents such as Claude Code and Codex. It is meant to stop agents from producing generic landing pages. The agent classifies the client's business (software, gaming, tech, product, service or place), plans the page screen by screen, and builds from a bundled starter template and design system.
The skill deals a palette and Google Fonts pairing suited to the trade, and a hero layout. It enforces one section per screen, equal left and right edges and a fixed navigation bar. It supplies real brand icons, product UI fragments, and licensed or open-archive photographs. Shader effects, scroll scenes and 3D prints are reserved for software, tech and gaming pages. Bundled scripts render the page in headless Chrome at four viewport widths, check for layout, contrast and placeholder-text problems, and run a finish gate of up to three rounds.
It is installed through the npx skills CLI or as a Claude Code or Codex plugin. It needs Node 22+ and Chrome, Edge or Chromium; ffmpeg is optional, and no API keys are required. In one Matt Wolfe test, a redesign looked cleaner but dropped the tool listings, and combining it with Anthropic's skill gave a result he liked least.
- Classifies the business type and plans the page screen by screen
- Deals palettes, font pairings and hero layouts from bundled libraries
- Bundled real photographs, brand icons and product UI fragments
- Shader and scroll effects limited to tech, gaming and software pages
- Headless Chrome checks at 1440, 1024, 768 and 390 px plus a finish gate
- Installs via npx skills, Claude Code plugin or Codex plugin
As seen on YouTube
Watch the moment: the exact second top creators show it. Videos load only when you press play, via youtube-nocookie.com.
Similar AI tools
Closest neighbours by meaning, not just by category.
Obsidian Skills
Library · Obsidian
Open-source agent skills that teach AI coding agents to work with Obsidian vaults, Markdown, Bases, Canvas and the CLI.
Agent Skills
Library
MIT-licensed pack of 25 engineering skills and slash commands for AI coding agents, covering spec through ship.
Diagram Design
Library
MIT-licensed agent skill that generates brand-matched diagrams as a single self-contained HTML + SVG file.
Skill Editor
Agent
An agent skill that updates other skills by reviewing many recent conversations for recurring feedback.
Frontend Design skill
Library · Anthropic
Anthropic agent skill that steers Claude toward distinctive, intentional frontend design instead of generic AI-looking UI.
GStack
Library · Garry Tan
Open-source set of Claude Code slash-command skills that act as a virtual engineering team, by Garry Tan.
