Taste Skill

Art direction and a browser check, for when generated pages look generated.

Single skill Image & Design

Use it for

The moment a page works but looks like every generated page

Skip it if

Teams without a browser check in their build

What it is

A design-taste layer for coding agents: it gathers references, sets an art direction, and then opens the built page in a browser to check the result instead of trusting the diff. Aimed at the moment when a page technically works but looks like every other page an agent has produced. Install is per-skill, so the frontend one can be taken without the rest.

Install

Clone the repository, then copy the skill folder into your agent's skills directory — ~/.claude/skills/ for Claude Code. Skills are plain files: no build step, no daemon.

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

How to judge it

Read the SKILL.md before you install. A good skill states when it applies, what it must not do, and how to verify the result. A skill that only lists adjectives will change the agent's tone without improving its output — skip those.

Other Image & Design skills

  • Diagram Design — Editorial-grade diagrams as self-contained HTML and SVG, in 45 layouts.
  • Impeccable — A design-quality skill that hunts the tells of AI-generated interfaces.
  • Huashu Design — One sentence in, a deliverable out: page, prototype, PPTX, animation, infographic.