Skip to content
Sam Despo

Free AI newsletter

The best new AI tools and how to actually use them. Free, straight to your inbox.

No spam. Unsubscribe any time.

Design & Front-end

Taste Skill

Gives Claude an art direction, real photos and a browser check, so sites look designed.

Open sourceBy Leonxlnx
View source

What is it?

Most AI-built pages share the same look. This skill works like an art director: it reads your brief for what is specific to your business, deals three of 20 researched design directions, picks one and finds a central idea that ties your material to it.

It then builds the page with credited photos and footage from open collections, opens it in a real browser at three screen widths, reviews its own screenshots and fixes the biggest problems, for up to three rounds. It also covers dashboards, app screens and redesign audits of an existing site.

A full build takes 30 to 45 minutes, so it suits a page that matters more than a quick mock-up. No API keys are needed.

Install in Claude Code

You need Node.js 22 or newer and Chrome, Edge or Chromium installed. In Claude Code run /plugin marketplace add Leonxlnx/taste-skill, then /plugin install taste-skill@taste-skill. Other agents can use npx skills add Leonxlnx/taste-skill --skill design-taste-frontend.

Try this prompt

Paste into Claude Code
Design a homepage for my bakery using the taste skill. Here's our story and menu. Show me the three directions before you pick one.

Who it's for

Anyone building a website or landing page with Claude Code who wants it to look art-directed.

Best for

  • Landing pages and homepages
  • Redesigning a dated site
  • Dashboards and app screens
  • Pages that need real photography

Why it made the list

It checks its own work in a browser and fixes it, which is the step most design skills skip.

More skills like this

  • Frontend design

    Design & Front-end

    Makes the websites Claude builds look designed instead of generic.

    Open source

  • UI UX Pro Max

    Design & Front-end

    Picks a full design system for your project: style, colours, fonts and layout rules.

    Open source

  • Theme factory

    Design & Front-end

    Applies one of ten ready-made colour and font themes to any deck, doc or page.

    Open source

  • Banana Claude

    Design & Front-end

    Generate and edit images with Google's Nano Banana models without leaving Claude Code.

    Open source