Bonsai-27B-GGUF
lmstudio-community · Kit
A GGUF conversion of the 27B Bonsai model for LM Studio, with a 3.80 GB Q1_0 language file and a 0.93 GB BF16 vision projector. Tested for text, vision and par…
New
Overview
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 . Install it from GitHub as its README says. Get Mindket’s setup notes on your Mindket account, as a zip.
At a glance
- Runs in
- 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
- Start with
/plugin marketplace add Leonxlnx/taste-skill /plugin install taste-skill@taste-skill
Platform
Claude Code
Codex
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.
| 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.
| 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.
| 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 |
- Unzip the kit and open setup/claude-code.md or setup/codex.md.
- In Claude Code, run the two plugin lines below.
- For Codex, run the two codex lines in a terminal, then start a new Codex session.
- To update, run /plugin update in Claude Code, or run the install again.
/plugin marketplace add Leonxlnx/taste-skill /plugin install taste-skill@taste-skill
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.
| 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.
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.
node <skill>/scripts/lint.mjs <source files or folder> node <skill>/scripts/inspect.mjs <url or path/to/index.html>
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 and files
# 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.mdREADME.md 2 KB setup/claude-code.md 2 KB setup/codex.md 2 KB
What’s new
Updated by Mindket to the current version of this kit.
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 | |
| Open 3D SkillsShares frontend · cursor · codex | 266 | Active | JavaScript | MIT | |
| Kubai IconsShares design-system · codex · agent-skills | 814 | Active | JavaScript | — | |
| UI UX Pro MaxShares landing-page · codex · claude-code | 146,944 | Active | Python | MIT | |
| Agent SkillsShares cursor · codex · agent-skills | 116,705 | Active | JavaScript | MIT | |
| GraphifyShares cursor · codex · ai-agents | 144,528 | Active | Python | Apache-2.0 |
Reviews
What people say
Posts and comments that name this project on Hacker News, Bluesky, X, Reddit, Facebook and YouTube, found by a weekly search and on Trendshift. Mindket doesn’t write or check them. Open one to read it where it was posted.
steveharing1Taste Skill: An Anti-Slop Front End Framework for AI Agents3 pointsGitHub Trending JS/TS🎉 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 pages1 like · 1 replyWpnx330Ask 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…GitHub Trending JS/TS🎉 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 pages1 replycocoflunchyLaunch HN: Bloomy (YC S26) – AI-powered mastery learning for K-12I 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,…GitHub Trending JS/TS🎉 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 pages1 replyルーティわたしが足を止めたのは、今の版を作る過程での、作者さん自身の検証記録ですぅ。 同じ依頼を「スキルなし」「別のスキル」「Taste Skill」で作らせて、別のAIに匿名で採点させる。これを5回、改良しながら回しています。 平均点がスキルなしを上回った回は、5回中ゼロ。最終回でも7.7対7.8で、勝ちは3件中2件でしたぁ。 https://github.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill/references/research.md1 replyルーティ一次ソースはGitHubのオープンソースですぅ。中身はただの「おしゃれにして」というお願い文じゃなくて、ちゃんと組まれた術式でしたぁ。 ・20の方向性から、スクリプトが3つをくじ引きで配る ・実際のブラウザで描画して、禁止パターンを計測する ・スクショを見て直す、を最大3周 https://github.com/Leonxlnx/taste-skill1 replyAI ParabellumTaste 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-...@prosperflowio.bsky.socialThis 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 #agentskillsVritraSec • GitHub Feed🚀 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.
More from Mindket
See all from MindketDeepSeek-V4.1-Flash-1017 EXL3 2.9 bpw
LibertAIDAI · Kit
Runs DeepSeek-V4.1-Flash-1017 as a 2.9 bits-per-weight EXL3 quantization, a 196 GiB copy for people serving large models on their own hardware. Perplexity stay…
New
MusicGen Small
facebook · Kit
Generates short music clips from a text description or an audio prompt, in the small checkpoint of facebook's MusicGen. It suits developers and music hobbyists…
New
Similar projects
See all in DeveloperOpen 3D Skills
Moh4696 · Skill
Teaches a coding agent to build 3D and animated websites with eight skills, from three.js scenes and scroll films to transparent video, cursor-following charac…
New266
Graphify
graphify-labs · Skill
Converts codebases, documentation, and technical files into a searchable knowledge graph for AI coding assistants. It uses local AST parsing to map relationshi…
New145k
Agent Skills
addyosmani · Skill
Addy Osmani’s open-source set of engineering skills for AI coding agents. Each skill is a Markdown workflow with steps, checks and exit criteria. The setup not…
New117k