Taste Skill

UI Design skill

Taste Skill (tasteskill v2) is an art-direction skill for agents that build web pages. Instead of letting the model fall back on the average landing page, a script deals researched directions - idea, composition, type, palette and section layouts - distilled from a study of 247 gallery sites, and you pick the one that fits the subject. A real-browser inspector then checks the result against a strict house style and the agent fixes what it finds. It also covers app screens such as dashboards and settings.

Made by: Leonxlnx
Category: UI Design
License: MIT
Added: October 2026
Source: View source on GitHub

How to install Taste Skill

Claude Code

For Claude Code in the terminal, the desktop app or your editor.

As a plugin · recommended

Add the marketplace, inside Claude Code:
Then install the plugin that contains this skill:

With the skills CLI

Run this in your terminal. It installs the skill for every project; leave out -g to install it for the current project only.

By hand

Copy the “taste-skill” folder into your skills folder and rename it to “design-taste-frontend”:
For one project only, use .claude/skills/ inside the project instead.

Using it: Claude loads the skill on its own when your request matches what it does. To call it directly, start your message with /design-taste-frontend.

How to install skills in Claude - updating, removing and fixing a skill that does not load.

Claude app

For claude.ai and the Claude desktop app, on Free, Pro, Max, Team and Enterprise plans.

Turn on code execution: Settings → Capabilities → “Code execution and file creation”. On Team and Enterprise an owner enables skills for the organization first.
Download the repository as a ZIP from GitHub (Code → Download ZIP) and unzip it.
Take out the “skills/taste-skill” folder, rename it to “design-taste-frontend” and zip that folder on its own.
In Claude, open Customize → Skills, click +, choose “Create skill”, then “Upload a skill”, and pick the ZIP.

Using it: Claude uses the skill automatically when it is relevant. You can also ask for it by name, for example: “Use the Taste Skill skill to…”.

How to install skills in Claude - updating, removing and fixing a skill that does not load.

Codex

For OpenAI Codex: the CLI, the IDE extension and the ChatGPT desktop app.

With the skills CLI · recommended

Run this in your terminal. It installs the skill for every project; leave out -g for the current project only.

With Codex's installer

Ask Codex's built-in installer to fetch it:

By hand

Copy the “taste-skill” folder into your skills folder and rename it to “design-taste-frontend”:
For one repository only, use .agents/skills/ inside it. Restart Codex if the skill does not show up.

Using it: Codex picks the skill up when your request matches it. To call it directly, mention $design-taste-frontend or choose it from /skills.

How to install skills in Codex - updating, removing and fixing a skill that does not load.

Other AI tools

Cursor, Gemini CLI, GitHub Copilot, Windsurf, OpenCode and other agents that read the Agent Skills format - plus any chat model.

Coding agents · recommended

Run this in your terminal. The CLI finds the agents you have installed and asks which ones to add the skill to.

Any chat model

A model with no skill support can still follow one. Open the skill's SKILL.md, copy everything below the --- block at the top, and paste it into the model's custom instructions or at the start of your chat.

Using it: In an agent, the skill loads when your request matches it. In a chat, it applies to the conversation you pasted it into.

How to install skills in other AI tools - updating, removing and fixing a skill that does not load.

Read the skill before you install it: its SKILL.md on GitHub. A skill is instructions your agent follows, so treat a third-party one like code you are about to run.

Prompts to try

Once the skill is installed, ask for any of these. Click one to copy it.

More design skills

All agent skills