repowiserepowise

leonxlnx / taste-skill Architecture and code health

Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages

★ 115,399stars on GitHubJavaScriptMIT
Install taste-skillView on GitHub★ 115kSee this for your own repoAsk this codebase

Repowise maps public repos from their source. Not affiliated with leonxlnx. What is Repowise?

github.com/leonxlnx/taste-skillIndexed at f6b7657

What is taste-skill?

taste-skill is an Agent Skill that makes coding agents build professional company websites instead of generic landing pages, covering art direction, imagery, layout and motion. It classifies the client's business, deals a palette, font pairing and hero layout for that trade, then checks the rendered page in a real browser before handing it over. The skill is written mainly in JavaScript and runs on Node 22+. To install it, run /plugin marketplace add Leonxlnx/taste-skill and follow the steps below. Its code health is 4.0 out of 10 (Needs_work), ranked #225 of 4,000+ indexed repos. The last commit to taste-skill was on Nov 7, 2026, and 26 people have contributed.

As of commit f6b7657, indexed Nov 13, 2026. What it is comes from a model reading the README; the rest is measured from the source and git history, not from the maintainer.

For agentstaste-skill.md

Repo facts: type, license, health, rank, contributors
taste-skill facts
LicenseMIT
Code health4.0 / 10 (Needs_work)
Health rank#225 of 4,000+ indexed repos
Last commitNov 7, 2026
Contributors26
Bus factor1
Size450 files, 38,314 lines

Install taste-skill

Commands copied from the README

  1. 1In Claude Code, add the taste-skill marketplace.
    /plugin marketplace add Leonxlnx/taste-skill
  2. 2In Claude Code, install the taste-skill plugin.
    /plugin install taste-skill@taste-skill

Releases on GitHub (latest v2.5.1, Nov 7, 2026)

Full install notes on GitHub

Explore taste-skill

Ask about this code in your agent

This connects Repowise to taste-skill's code. It does not install taste-skill. To install taste-skill, use the install steps.

Useful if you want to change or fork taste-skill: your agent can ask how it is put together and get answers that cite its files.

Show the connect command (Claude Code, Cursor, Codex, VS Code)

Run it in a terminal, then type /mcp in Claude Code and sign in with Repowise. No key to paste.

Docs
bash
claude mcp add --transport http repowise https://api.repowise.dev/mcp/leonxlnx/taste-skill
Claude Code, Claude, Cursor and VS Code sign you in on first use, free. Codex and Windsurf need an API key: sign in to create one.Sign in for a key

This repo is public, so anyone with a free Repowise account can connect.

Try asking

  • get_overview()
  • get_answer("how is taste-skill put together?")
  • get_why("why is taste-skill structured this way?")

Ask about taste-skill

Answers come from taste-skill's README and source, with the files they cite. Two free answers a day without an account.

Featured answer

Give me an overview of taste-skill

taste-skill is an Agent Skill that makes coding agents build professional company websites instead of generic landing pages, covering art direction, imagery, layout and motion. When a user asks an agent to build or redesign a company site, the agent loads the skill and copies assets/ into the project, then scripts/start.mjs deals a palette and Google Fonts pairing while assets/layout/deal.mjs deals a hero layout. The page is held to a design system through assets/starter.html, assets/system.css and assets/layout/layout.css, software, tech and gaming pages add scripts/effects.mjs and assets/scenes/, and place and product pages use scripts/photos.mjs. After the build, scripts/consistency.mjs renders the page in headless Chrome at several widths and reports PASS, WARN or FAIL for each rule, and scripts/gate.mjs keeps the work open until no fixable FAIL remains. The repository has 450 files, with an Application layer of 380 files, a UI layer of 45, Docs & Tooling of 17 and Config of 5, and the skill is written mainly in JavaScript for Node 22+. To start reading, open scripts/start.mjs and assets/starter.html first, since they set the palette, fonts and base page that the other pieces extend.

Files per layer in taste-skill4 layers.

Basis: Inferred · knowledge graph· as of f6b7657

Want this for your own codebase? Map your repo free

About this page

Get a page like this for your own codebase

Repowise built this map of leonxlnx/taste-skill from its source and git history. It parses every symbol, draws the dependency graph, scores each file's health from complexity, duplication, coverage and churn, finds hotspots and owners in the history, and writes documentation for every module. Your coding agent reads the same index over MCP, so its answers cite real files.

Free for 2 public repos, with a page like this one. No card. See how Repowise works

Prefer local? pip install repowise && repowise init indexes your own checkout, no account needed. Star Repowise on GitHub

leonxlnx/taste-skill FAQ

What is taste-skill?

taste-skill is an Agent Skill that makes coding agents build professional company websites instead of generic landing pages. It covers art direction, imagery, layout and motion. Every build is checked in a real browser before it is handed over.

How does taste-skill work?

taste-skill starts by classifying the client's business and dealing a palette, font pairing and hero layout for that trade. The agent then builds one section per screen and runs a checker that renders the page in headless Chrome. A finish gate holds the build until no fixable failure is left.

What language is taste-skill written in?

taste-skill is written mainly in JavaScript, and its scripts run as plain Node 22+ modules. It also includes one shell script, install.sh, which links the skill into an agent from a clone.

How is the taste-skill code organized?

The skill lives in skills/taste-skill. Its scripts/ folder holds the Node tools, assets/ holds starter HTML, CSS, layouts, UI fragments and scenes, and library/ holds the palette and type data. Tests live in tests/.

When should I use taste-skill?

Use taste-skill when you want a coding agent to build or redesign a company site that should look designed rather than generic. The skill runs the layout and browser checks before the page is delivered.

What license does taste-skill use?

taste-skill is released under the MIT license.

Code health

4.0out of 10Needs work

Hotspots average 1.6, the place fixes pay off most.

Full health report

On the leaderboards:#20 of 20 JavaScript repos

Key features of taste-skill

  • Deals a palette, a Google Fonts pairing and one of several hero layouts suited to the client's trade.
  • Uses plain copy, one design system and one section per screen, with equal left and right content edges.
  • Uses real photographs, with licensed stand-ins when the client has none, and credits them in one footer line.
  • Adds shader effects and scroll scenes only on software, tech and gaming pages, with static fallbacks for phones and reduced motion.
  • Checks the built page in a real browser for empty visuals, placeholder text, contrast drops and misaligned columns before it ships.

How leonxlnx/taste-skill works

Work starts when a user asks the agent to build or redesign a company site, and the agent loads the skill and copies assets/ into the project. scripts/start.mjs deals a palette and a Google Fonts pairing for the page kind, and assets/layout/deal.mjs deals one of the hero layouts. assets/starter.html, assets/system.css and assets/layout/layout.css hold the page to one design system, one section per screen and equal left and right content edges. For software, tech and gaming pages, scripts/effects.mjs and assets/scenes/ add shader grounds and scroll scenes, while scripts/photos.mjs deals curated photographs for place and product pages. scripts/consistency.mjs renders the built page in headless Chrome over HTTP at several widths and reports PASS, WARN or FAIL for each rule, and scripts/gate.mjs holds the finish until no fixable FAIL is left.

The codebase has 450 files and 2,301 symbols in 3 modules, led by JavaScript and Shell. Code health is 4.0 out of 10, rated needs work.