taste-skill
by Leonxlnx
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
104,932stars
7,096forks
JavaScript
Added 5/1/2026
From $49 · 30 days · terms & refunds
⚠️ Third-Party Software Notice
This skill is third-party open-source software developed and hosted independently on GitHub. SkillsLLM is an informational directory and does not control or maintain the underlying repository.
Any security checks, ratings, or warnings displayed by SkillsLLM are automated and limited in scope. They do not constitute a security certification or guarantee that the software is safe, error-free, or free from malicious code, vulnerabilities, compromised dependencies, or prompt-injection risks.
Review the source code, permissions, dependencies, and configuration before installing or running any third-party skill. Use is at your own risk. To the maximum extent permitted by applicable law, SkillsLLM is not liable for losses arising from third-party software.
AI Agentsagent-skillsai-agentsanti-slopclaude-codecodexcursordesign-systemfrontendlanding-pageui-designweb-design
Maintainer of this skill?
Automated security scan — not a certification.
Installation
# Add to your Claude Code skills
git clone https://github.com/Leonxlnx/taste-skillGetting Started
Guides for using ai agents skills like taste-skill.
- Caveman: Cut Claude Token Use by 65%How agent-side prompt compression works, when to use it, and when not to.
- What is an AI Skills Marketplace?Definitions, how marketplaces work, and how to choose between them in 2026.
- Getting Started with AI SkillsFirst-time install walkthrough for Claude Code, Codex CLI, and ChatGPT.
Security ReportVerified
Last scanned: 5/1/2026
{
"issues": [],
"status": "PASSED",
"scannedAt": "2026-05-01T06:37:30.550Z",
"semgrepRan": false,
"npmAuditRan": true,
"pipAuditRan": true
}Compare with similar skills
See how taste-skill compares with popular alternatives.
Taste Skill is an Agent Skill that makes coding agents design websites and app screens instead of assembling the average landing page. It gives the agent an art direction, real pictures and a way to check its own work in a real browser.
Pages it has built, each from one brief:
The photographs are real, found in open archives and credited by the skill (credits). Watch the launch film.
Install
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
That installs the skill with the npx skills CLI.
The skill runs its scripts with Node 22+ and an installed Chrome, Edge or Chromium. It installs nothing and needs no API keys. Finding pictures needs network access.
Run these inside Claude Code. The skill is namespaced under taste-skill:, so it does not collide with your other skills.
/plugin marketplace add Leonxlnx/taste-skill
/plugin install taste-skill@taste-skill
/plugin update upgrades it later.
codex plugin marketplace add Leonxlnx/taste-skill
codex plugin add taste-skill@taste-skill
Start a new Codex session afterwards so the skill is loaded.
./install.sh symlinks the skill into Claude Code (--codex for Codex, --all-agents for both), so a git pull updates it in place.
Already have the skill? Run the install command again; the install name did not change. Looking for one of the older skills? See Moved skills.
How v2 works
The skill is built from a study of 247 curated sites. A build runs in six steps:
- Reads the brief and lists what only this client has.
- A script deals three of 20 researched directions and the agent picks one.
- Finds the idea: one sentence tying the client's own material to that direction.
- Builds with real pictures and footage from open collections, credited.
- Checks the page in a real browser at three widths and fails it on slop.
- Looks at its own screenshots and fixes the top three problems, up to three rounds.
A build takes roughly 30 to 45 minutes and a few hundred thousand tokens. Details are in the changelog and the study.
Dashboards and app screens (v2.1) take their own route: the skill deals one of the app styles distilled from real product screens, builds the shell, the data, the charts and the tables to those numbers, and checks the result with app rules: quiet panels, aligned figures, colour spent on data, a phone layout where the navigation folds away. A product's landing page builds the app it shows the same way, so its screenshots look like a working product.
v2.1 also checks the frame of every page (a clear title on the first screen, equal margins, no section shoved to one side, no random blank stretches) and moves the way strong award sites do, measured on the latest 100 Awwwards Sites of the Day.
Moved skills
This repo holds one skill, design-taste-frontend. The others moved to repos of their own and kept their install names:
| Install name | Where it lives now |
|---|---|
high-end-visual-design, minimalist-ui, industrial-brutalist-ui, gpt-taste, stitch-design-taste, design-taste-frontend-v1, design-taste-frontend-v2-experimental |
Leonxlnx/taste-skill-classics |
imagegen-frontend-web, imagegen-frontend-mobile, brandkit, image-to-code |
Leonxlnx/imagegen-skills |
redesign-existing-projects |
Part of design-taste-frontend, which audits an existing page in a real browser before changing anything |
full-output-enforcement |
Removed. For the same problem, see Leonxlnx/unlazy |
Install a moved skill from its new repo under the same name:
npx skills add https://github.com/Leonxlnx/taste-skill-classics --skill "high-end-visual-design"
Common Questions
What does the skill need?
Node 22 or newer and Chrome, Edge or Chromium. It installs nothing and uses no API keys. It needs the internet only to find pictures.
Where do the pictures come from, and can I use them?
From open collections such as Wikimedia Commons, Openverse and the Met. Only public domain, CC0, CC BY and CC BY-SA files are offered, and the skill puts the credits on the page. Replace them with your own when you have them.
Does it work with React, Vue, Svelte, plain HTML?
Yes. The rules are about design, not a framework.
Is it for dashboards and app screens?
Yes, since v2.1. The skill tells a page from an app screen and builds a dashboard, an admin view or a settings screen with its own run: a style dealt from a study of real product screens, quiet panels, honest data and charts, and its own checks (inspect.mjs --app).
Support the project
If Taste Skill helps you, consider sponsoring:
Open Source Supporters
Frequently Asked Questions
What is taste-skill?
taste-skill is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by Leonxlnx. Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages. It has 104,932 GitHub stars.
Is taste-skill safe to use?
Yes. taste-skill passed SkillsLLM's automated security scan — a dependency vulnerability audit plus prompt-injection heuristics — with no high-severity issues. You can read the full report in the Security Report section on this page.
How do I install taste-skill?
Clone the repository with "git clone https://github.com/Leonxlnx/taste-skill" and add it to your Claude Code skills directory (see the Installation section above).
What programming language is taste-skill written in?
taste-skill is primarily written in JavaScript. It is open-source under Leonxlnx on GitHub, so you can review or fork the full source.
Are there alternatives to taste-skill?
Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh taste-skill against similar tools.
Comments (0)
to leave a comment.
No comments yet. Be the first to share your thoughts!
Related Skills
Reverse engineer anything with agents, from app behavior down to native binaries.
404,712
101,407
TypeScript
AI Agentsagent-skillsai-agents
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
292,092
43,240
JavaScript
AI Agentsai-agentsanthropic
Skills for Real Engineers. Straight from my .agents directory.
250,518
21,171
Shell
AI Agents
An agentic skills framework & software development methodology that works.
234,966
20,863
Shell
AI Agentsaibrainstorming
Developers Also Liked
Based on votes and bookmarks from developers who liked this skill
🪨 why use many token when few token do trick. Viral skill + proxy for coding agents that cuts 65% of tokens by talking like a caveman.
115,903
6,701
Go
AI Agentsaianthropic
Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
88,817
7,512
TypeScript
AI Agentsantigravity-skillsbusiness-knowledge
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
185,940
28,768
JavaScript
AI Agentsai-agentsanthropic
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
292,092
43,240
JavaScript
AI Agentsai-agentsanthropic
A light-weight and powerful meta-prompting, context engineering and spec-driven development system for Claude Code by TÂCHES.
64,188
5,426
JavaScript
AI Agentsclaude-codecontext-engineering