by Leonxlnx
Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop
# Add to your Claude Code skills
git clone https://github.com/Leonxlnx/taste-skillGuides for using ai agents skills like taste-skill.
Last scanned: 5/1/2026
{
"issues": [],
"status": "PASSED",
"scannedAt": "2026-05-01T06:37:30.550Z",
"semgrepRan": false,
"npmAuditRan": true,
"pipAuditRan": true
}Portable Agent Skills that upgrade AI-built interfaces: stronger layout, typography, motion, and spacing instead of boilerplate-looking UIs. This repo also includes image-generation skills for reference boards (web, mobile, brand kits). Pair them with ChatGPT Images or similar generators, then hand the frames to Codex, Cursor, or Claude Code for implementation.
Taste Skill has no official token, coin, or crypto project. Any token using my name, image, or project is unaffiliated and not endorsed by me.
We would love your feedback. Suggestions and bug reports:
The npx skills add CLI scans the skills/ folder in this repo, so all skills below (code and image-generation) install the same way.
npx skills add https://github.com/Leonxlnx/taste-skill
Install a single skill by its install name (the name: field inside the SKILL frontmatter, not the folder name):
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
You can also copy any SKILL.md into your project or paste it into ChatGPT / Codex conversations.
The default taste-skill (install name design-taste-frontend) is now v2 (experimental), a substantial rewrite of the original v1. If you already have v1 installed, just re-run the install command and you will be upgraded:
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
The install name did not change, so no script updates are needed. The newer SKILL.md replaces the older one in place.
If you depend on the exact behavior of v1 and want to pin to it explicitly:
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend-v1"
See CHANGELOG.md for the full v1 to v2 diff and the rationale.
Each skill does one job; you do not need all of them at once. Implementation skills output code. Image-generation skills output reference images only.
The Install name column is the exact value you pass to --skill.
| Skill (folder) | Install name | Description |
|---|---|---|
| taste-skill | design-taste-frontend |
🆕 v2 (experimental) - substantial rewrite of the default skill. Reads the brief, infers the design language, tunes three dials (VARIANCE / MOTION / DENSITY). Brief inference, design-system map, hard em-dash ban, canonical GSAP code skeletons, redesign-audit protocol, strict pre-flight check. Actively iterating toward v2.0.0 stable. |
| taste-skill-v1 | design-taste-frontend-v1 |
The original v1 of taste-skill, preserved for projects depending on its exact behavior. Use only if the v2 default breaks something specific in your workflow. |
| gpt-tasteskill | gpt-taste |
Stricter variant for GPT/Codex: higher layout variance, stronger GSAP direction, aggressive anti-slop. |
| image-to-code-skill | image-to-code |
Image-first pipeline: generate site references, analyze them, then implement the frontend to match. |
| redesign-skill | redesign-existing-projects |
Existing projects: audit the UI first, then fix layout, spacing, hierarchy, styling. |
| soft-skill | high-end-visual-design |
Polished, calm, expensive UI with softer contrast, whitespace, premium fonts, spring motion. |
| output-skill | full-output-enforcement |
When the model ships half-finished work: full output, no placeholder comments. |
| minimalist-skill | minimalist-ui |
Editorial product UI (Notion/Linear vibes), restrained palette, crisp structure. |
| brutalist-skill | industrial-brutalist-ui |
Hard mechanical language: Swiss type, sharp contrast, experimental layout. |
| stitch-skill | stitch-design-taste |
Google Stitch-compatible rules, including optional DESIGN.md export format. |
These produce design images only (no code). Use with ChatGPT Images, Codex image mode, or any agent that generates images.
| Skill (folder) | Install name | Description |
|---|---|---|
| imagegen-frontend-web | imagegen-frontend-web |
Website comps: hero, landing, multi-section with strong typography, spacing, anti-slop art direction. |
| imagegen-frontend-mobile | imagegen-frontend-mobile |
Mobile screens and flows: iOS/Android/cross-platform, mockups, readable type, coherent sets. |
| brandkit | brandkit |
Brand-kit boards: logo directions, palettes, type, identity applications across categories. |
For image-to-code-skill, state the pipeline in the prompt, e.g.: follow the skill: generate images, then analyze, then code.
Attach or paste imagegen-frontend-web, imagegen-frontend-mobile, or brandkit and ask for the frames you need, then feed the renders to Codex, Cursor, or Claude Code. Use image-to-code-skill when you want one workflow that both generates references and implements the site in code.
Numbers at the top of the file are 1-10 dials:
Created with taste-skill:
If Taste Skill helps you, consider sponsoring:
<img src="https://github.com/u2393696078-rgb.png" width="40" height="40" style="border-radius:50%" alt
taste-skill is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by Leonxlnx. Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop. It has 44,071 GitHub stars.
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.
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).
taste-skill is primarily written in Shell. It is open-source under Leonxlnx on GitHub, so you can review or fork the full source.
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.
No comments yet. Be the first to share your thoughts!
Based on votes and bookmarks from developers who liked this skill
