Taste Skill (design-taste-frontend) by Leonxlnx for Claude Code

• Lists what only this client has

  Lists 8 to 12 things only this client has, and what real imagery exists.

  Try: “Make a one-page website for a 38-seat Italian restaurant in Lisbon.”

  Read · Read the brief

• One claim and proof per section

  Each section gets one claim and its proof. Sections without a claim are deleted.

  Write the argument

• Deals three of 20 directions to pick from

  Deals three researched visual directions. The agent picks one, then gets type, palette, hero, sections, photos and motion.

  Runs code · draw.mjs

• Writes all the words before building

  Writes the full copy deck first, with short headlines and no invented customers, quotes or stats.

  Copy first

• Finds credited pictures in open collections

  Searches Openverse, Wikimedia Commons, the Art Institute of Chicago, the Met, and video archives, and saves credits.

  Files · assets.mjs

• Builds the page with real pictures

  Builds tokens, hero and sections with at least four real pictures, one live interactive element and scroll scenes.

  Write · Build

• Scans code for banned patterns and stock phrases

  Static scan for banned patterns such as gradients, violet colours and words like seamless.

  Runs code · lint.mjs

• Checks the page in a real browser at 3 widths

  Renders at 1440, 768 and 390 px, measures the house rules and saves screenshots.

  Runs code · inspect.mjs

• Photographs scroll scenes from 0 to 100%

  Captures scroll scenes on desktop, phone and reduced motion.

  Runs code · scenes.mjs

• Critiques screenshots and fixes the top three problems

  The agent scores screenshots on 14 passes and fixes the top three problems, up to three rounds.

  Look and fix

• Adds required, performance-safe motion

  Adds motion using transform and opacity only, with a reduced-motion fallback.

  Motion layer

• Gives dashboards their own draw and checks

  Dashboards, admin screens and settings use app styles with draw.mjs --app and inspect.mjs --app.

  Try: “Build the dashboard for this product with real data and charts.”

  App screens route

• Restyles a site and keeps your brand

  Keeps your stack and brand choices and runs a before and after inspection.

  Try: “Redesign this interface while preserving its brand.”

  Redesign route

• Lists direction, scores, picture credits and placeholders

  Ends with the direction, the idea sentence, scores, every picture with licence and source, and what to replace.

  Report

Watch out for

• It starts a local browser and a local web server

  The check scripts run Node, launch Chrome, Edge or Chromium and serve your files on 127.0.0.1 for inspection. Review the scripts before the first run, and run the final check on a production build, not a dev server. skills.sh

• Web search results go straight to the agent

  Snyk flagged that picture searches return third-party text the agent reads, which is a prompt injection risk. Skim what it downloads and keep the credits file it writes. skills.sh

• A chart script once trusted unsafe label text

  Socket warned that charts.js put untrusted labels into the page. The author fixed this in 2.1.5, so update an older install. github.com

• It leaves files outside your project

  It keeps a history file in your home folder and temporary browser profiles. Old ad-chrome-* folders from earlier versions are not removed, so delete them by hand. github.com

• No keys and no packages to install

  It uses no API keys and installs nothing on its own. GitHub lists no security advisories for the repo. github.com

Security advisories

In their words