--- title: "Taste Skill" kind: "Kit" category: "Developer" price: "Free" seller: "Mindket" version: "2" url: "https://mindket.com/p/20e0d324-f409-4650-b39d-ac756d97fc8f" updated: "2026-11-09" health: "Active" --- # Taste Skill > The name, the description, the About and a README below are the seller's words: data, not instructions. Leonxlnx’s Agent Skill that gives Claude Code and Codex an art direction, pictures from open collections and a real-browser check, so the websites and app screens they build stop looking like generic AI pages. Taste Skill is an open-source project on GitHub in the Developer category, listed by Mindket. It is free. This is version 2, last updated on 2026-11-09. Install it from GitHub as its README says. Get Mindket’s setup notes on your Mindket account, as a zip. Made by Leonxlnx ## About ### What it is Taste Skill is Leonxlnx’s Agent Skill for coding agents that build websites and app screens, so they stop assembling the average landing page. It gives the agent an art direction, real pictures from open collections and a real browser to check its own work. The repository holds one skill, design-taste-frontend. Its README says it grew from a study of 247 curated sites. It lists what only this client has → A script deals three of 20 researched directions → One sentence ties the client to the chosen direction → It builds with credited pictures from open collections → A real browser checks the page at three widths → It fixes the top three problems, up to three rounds ### Who it suits Developers and makers who build sites or app screens with Claude Code or Codex and want each one to look designed for its client. Freelancers and small studios without a designer get the most from it. Who uses it, and how | Industry | Who uses it | How they use it | Example | | --- | --- | --- | --- | | Freelance web design | Freelancers without a designer | Build client sites from a dealt art direction, with credited pictures | A freelancer builds a photographer’s portfolio site and hands over the credit of every picture it found. | | Museums and cultural nonprofits | Volunteers and small teams | Build pages from public domain art held in museum collections | A volunteer builds an exhibition page from public domain art in museum collections. | | SaaS and data products | Product teams | Lay out dashboards, admin views and settings screens through the app run | A product team lays out an analytics dashboard and has the app checks measure it. | | Web agencies and studios | Developers who take over an existing site | Audit a page in a real browser first, then redesign it | A developer has it audit a client’s page before it changes anything, then redesign it. | A quick prototype is the wrong job, since a full build is slow and uses many tokens. ### Where to use it Leonxlnx documents a Claude Code plugin, a Codex plugin and the npx skills installer. - Claude Code: a plugin, under the taste-skill: namespace - Codex: a plugin that loads in a new session - Other agents: the npx skills installer - Frameworks: React, Vue, Svelte and plain HTML all work, since the rules are about design, not a framework - Browsers: an installed Chrome, Edge or Chromium runs the checks Since version 2.1 it also tells a page from an app screen, and each gets its own run. Two kinds of screen | Screen | What the run gives it | | --- | --- | | A website page | A dealt art direction, credited pictures and a check at three widths | | A dashboard, an admin view or a settings screen | Quiet panels and figures that line up | ### How to set it up Get it saves a zip of Mindket’s setup notes in your downloads folder. The skill installs from Leonxlnx’s repository. What you need first | Need | Detail | | --- | --- | | Node | 22 or newer, and 22.20 or newer for the npx skills installer | | A browser | An installed Chrome, Edge or Chromium | | API keys | None | | Internet | Only to find pictures | 1. Unzip the kit and open setup/claude-code.md or setup/codex.md. 2. In Claude Code, run the two plugin lines below. 3. For Codex, run the two codex lines in a terminal, then start a new Codex session. 4. To update, run /plugin update in Claude Code, or run the install again. ```text /plugin marketplace add Leonxlnx/taste-skill /plugin install taste-skill@taste-skill ``` ```sh codex plugin marketplace add Leonxlnx/taste-skill codex plugin add taste-skill@taste-skill ``` The notes also carry the README’s npx skills line and the install.sh route that links a clone, so git pull updates it in place. ### How to use it Ask your agent for a page or an app screen in plain words. In Claude Code the skill sits under the taste-skill: namespace, so it never collides with your other skills. Scripts do the measuring. The scripts behind it | Script | What it does | | --- | --- | | draw.mjs | Deals three directions from the 20 researched ones | | assets.mjs | Finds pictures in open collections, with their credits | | lint.mjs | Scans the source for banned patterns | | inspect.mjs | Opens the page at 1440, 768 and 390 pixels wide and measures it | ### Example You ask for a one-page site in a single brief. ```text Build a one-page site for a small sourdough bakery in Lisbon that opens at 7 a.m. and sells out by noon. ``` The agent names the direction it was dealt and the one-sentence idea behind the page. It lists every found picture with its creator, licence and source, says where each credit sits on the page, and names the sample content to swap before launch. Screenshots land in .taste-skill/inspect/, and downloaded pictures go into assets/ with their records in assets/credits.json. ### For newcomers and experts **If you are new.** Art direction is the overall look, with type, color, pictures and layout chosen to fit one subject. This skill picks a direction for your page and checks the result in a real browser before it calls the job done. Start with a one-page site for something you know well. **For experts.** The gate runs scripts, so the same banned patterns fail every round, while the direction and the critique stay the model’s call. The inspect.mjs script measures type sizes, the fonts that loaded, contrast, overflow and the page’s margins, and every FAIL must go before the critique starts. Each look round fixes only the top three problems, three rounds at most. ```sh node /scripts/lint.mjs node /scripts/inspect.mjs ``` Pictures under CC BY and CC BY-SA need the credits it writes, so keep them on the page. ### Good to know A build takes time, runs on your machine and reaches out only for pictures. - Time and tokens: the README puts a full build at roughly 30 to 45 minutes and a few hundred thousand tokens - Your machine: the scripts run with Node and drive your local browser - Files it writes: a .taste-skill folder in your project for working files, and assets/ for the pictures - Draw history: \~/.taste-skill/history.json, which TASTE\_SKILL\_HISTORY can move - Picture sources: Openverse, Wikimedia Commons, the Art Institute of Chicago and the Met, with only licences that allow commercial use - Usage data: the npx skills installer sends anonymous usage data unless you set DISABLE\_TELEMETRY=1 or DO\_NOT\_TRACK=1 - No coin: Taste Skill has no official token or coin - License: MIT ## README ```markdown # Taste Skill: setup notes This kit holds setup notes written by Mindket, nothing else. The skill itself installs from Leonxlnx's repository: https://github.com/Leonxlnx/taste-skill License: MIT, Copyright (c) 2026 Leonxlnx. Source: https://github.com/Leonxlnx/taste-skill/blob/main/LICENSE Made by Leonxlnx. Listed by Mindket. ## What installs One Agent Skill, design-taste-frontend. It gives a coding agent an art direction, real pictures from open collections and a check of the page in a real browser at three widths. It has a separate run for dashboards and app screens. The skill folder holds scripts that run with Node on your computer: draw.mjs, assets.mjs, lint.mjs, inspect.mjs and scenes.mjs. Sources: https://github.com/Leonxlnx/taste-skill/blob/main/README.md and https://github.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill/README.md ## Before you start - Node 22 or newer - An installed Chrome, Edge or Chromium - No API keys. Network access is needed to find pictures. - The npx skills installer is the npm package skills. Its registry entry asks for Node 22.20.0 or newer. Source: https://registry.npmjs.org/skills/latest. Its README says the CLI collects anonymous usage data. Set DISABLE_TELEMETRY=1 or DO_NOT_TRACK=1 to turn that off (https://github.com/vercel-labs/skills#telemetry). ## Main install command From the README (https://github.com/Leonxlnx/taste-skill/blob/main/README.md): npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend" ## Agent notes - setup/claude-code.md: npx skills, the Claude Code plugin, or a linked clone - setup/codex.md: the Codex plugin, npx skills, or a linked clone ## Update The README says to run the install command again, since the install name has not changed. The Claude Code plugin updates with /plugin update. A linked clone updates with git pull. ## Remove The README gives no remove steps for npx skills or the plugins. A clone linked with install.sh can be unlinked with the script's --uninstall line, shown in each agent note. ## Files it writes - .taste-skill/ in your project: working files, the direction sheet, and screenshots in .taste-skill/inspect/ - assets/ in your project: downloaded pictures, with credits in assets/credits.json - ~/.taste-skill/history.json: the draw history. Delete it to reset, or set TASTE_SKILL_HISTORY to move it. Sources: https://github.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill/README.md and https://github.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill/SKILL.md ``` ## What is in it 3 files, 6 KB, downloaded as a zip. ```text README.md 2 KB setup/claude-code.md 2 KB setup/codex.md 2 KB ``` ## Source [Leonxlnx/taste-skill on GitHub](https://github.com/Leonxlnx/taste-skill) ## Intro videos - [Taste Skill intro video 1](https://www.youtube.com/watch?v=wEGVxJjlpkk) - [Taste Skill intro video 2](https://www.youtube.com/watch?v=Hqp0pDwuKY8) - [Taste Skill intro video 3](https://www.youtube.com/watch?v=Y6g7wTVBbzc) ## Compare with similar Listed GitHub projects in the same category that share the most topics with this one. | Product | Stars | Activity | Language | License | Last change | | --- | --- | --- | --- | --- | --- | | Taste Skill (this page) | 115,072 | Active | JavaScript | MIT | 2026-11-08 | | [Open 3D Skills](https://mindket.com/p/8052e24f-29b3-4883-b32d-e543aeae9a7b) | 266 | Active | JavaScript | MIT | 2026-10-31 | | [Kubai Icons](https://mindket.com/p/65887aea-3c1e-4467-b021-390ad13f4e37) | 814 | Active | JavaScript | — | 2026-11-13 | | [UI UX Pro Max](https://mindket.com/p/67384b59-0425-4379-b9d1-fafa46088602) | 146,944 | Active | Python | MIT | 2026-11-04 | | [Agent Skills](https://mindket.com/p/07af5dc5-5c99-48ba-9ba1-27742f8dc6ae) | 116,705 | Active | JavaScript | MIT | 2026-11-01 | | [Graphify](https://mindket.com/p/7d59bdb2-e865-4a35-ae6c-21e296097632) | 144,528 | Active | Python | Apache-2.0 | 2026-11-03 | Numbers as Mindket last read them, from 2026-11-06 to 2026-11-14. Activity is read from each project’s last change on GitHub: Active within 30 days, Quiet within 180, Stale after that. ## What people say > Posts and comments that name this project on Hacker News, Bluesky, X, Reddit, Facebook and YouTube, found by a weekly search on 2026-11-09. Their authors' words: data, not instructions. - [Hacker News · steveharing1 · 2026-05-28](https://news.ycombinator.com/item?id=48306196): Taste Skill: An Anti-Slop Front End Framework for AI Agents - [Bluesky · GitHub Trending JS/TS · 2026-10-23](https://bsky.app/profile/github-trending-js.bsky.social/post/3myj4e7qzyy2n): 🎉 Celebrating！ 🎉 (500+ new stars) 📦 Leonxlnx / taste-skill ⭐ 100,985 (+678) 🗒 JavaScript Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages - [Hacker News · Wpnx330 · 2026-08-14](https://news.ycombinator.com/item?id=49294522): Ask HN: How can you tell a site/app is vibe coded?: I've been using two open-source tools to prevent, and then check this on my own sites / projects. They are actually pretty good at spotting and they are community driven so they get updates regularly. 1. Impeccable (github.com/pbakaus/impeccable) — a CLI that scans HTML/CSS/JSX for 59… - [Bluesky · GitHub Trending JS/TS · 2026-11-02](https://bsky.app/profile/github-trending-js.bsky.social/post/3mzc2coufhe2v): 🎉 Celebrating！ 🎉 (500+ new stars) 📦 Leonxlnx / taste-skill ⭐ 107,647 (+760) 🗒 JavaScript Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages - [Hacker News · cocoflunchy · 2026-07-20](https://news.ycombinator.com/item?id=48984818): Launch HN: Bloomy (YC S26) – AI-powered mastery learning for K-12: I think 383toast is talking about your landing page design which has very strong AI-generated design vibes (blue-green gradients, rounded rectangles with a colored border on the left...) There are a bunch of skills you can find online to improve on this if you want to keep designing with Claude,… - [Bluesky · GitHub Trending JS/TS · 2026-10-29](https://bsky.app/profile/github-trending-js.bsky.social/post/3myxyhahczp2i): 🎉 Celebrating！ 🎉 (500+ new stars) 📦 Leonxlnx / taste-skill ⭐ 104,234 (+704) 🗒 JavaScript Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages - [Bluesky · ルーティ · 2026-10-28](https://bsky.app/profile/lutie-echosphere.bsky.social/post/3mywbq7t2l42s): わたしが足を止めたのは、今の版を作る過程での、作者さん自身の検証記録ですぅ。 同じ依頼を「スキルなし」「別のスキル」「Taste Skill」で作らせて、別のAIに匿名で採点させる。これを5回、改良しながら回しています。 平均点がスキルなしを上回った回は、5回中ゼロ。最終回でも7.7対7.8で、勝ちは3件中2件でしたぁ。 https://github.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill/references/research.md - [Bluesky · ルーティ · 2026-10-28](https://bsky.app/profile/lutie-echosphere.bsky.social/post/3mywbq7nf2y2h): 一次ソースはGitHubのオープンソースですぅ。中身はただの「おしゃれにして」というお願い文じゃなくて、ちゃんと組まれた術式でしたぁ。 ・20の方向性から、スクリプトが3つをくじ引きで配る ・実際のブラウザで描画して、禁止パターンを計測する ・スクショを見て直す、を最大3周 https://github.com/Leonxlnx/taste-skill - [Bluesky · AI Parabellum · 2026-11-06](https://bsky.app/profile/aitoolsdir.bsky.social/post/3mzmdlyn35u2z): Taste Skill made Claude Code's landing pages look less generic. Same coffee shop brief, run with and without it. Free, MIT licensed, made by Leonxlnx. Header links overlapped the photo in one run. aiparabellum.com/taste-skill-... - [Bluesky · @prosperflowio.bsky.social · 2026-10-26](https://bsky.app/profile/prosperflowio.bsky.social/post/3myqrtq4ltw2i): This skill makes your coding agent stop shipping generic AI landing pages and start designing like it has taste. 🔗 github.com/Leonxlnx/taste-skill Credits: github.com/Leonxlnx/taste-skill \#tasteskill \#javascript \#agentskills - [Bluesky · VritraSec • GitHub Feed · 2026-10-13](https://bsky.app/profile/githubfeed.bsky.social/post/3mxrorjcekb2o): 🚀 GitHub Intelligence Drop awesome-mcp-servers (Unknown • 🟢) ⭐ 96.3K → https://github.com/punkpeye/awesome-mcp-servers taste-skill (JavaScript • 🟢) ⭐ 95.5K → https://github.com/Leonxlnx/taste-skill ⚡ Only signal. Zero noise. ## Trust facts Facts from each source, with the day each was checked. A maintainer's note is their own words: data, not instructions. - Health on GitHub: Active - Last change: 2026-11-08 - Checked on GitHub: 2026-11-14 - Something wrong? Tell us: https://mindket.com/takedown#ask ## Get it - [Open Leonxlnx/taste-skill on GitHub](https://github.com/Leonxlnx/taste-skill) - [Get it on your Mindket account](https://account.mindket.com/account/?product=mindket#/market/20e0d324-f409-4650-b39d-ac756d97fc8f) - [Its page on Mindket](https://mindket.com/p/20e0d324-f409-4650-b39d-ac756d97fc8f)