Agent Academy is a free, source-linked library of skills, prompts, MCP servers and bot templates, organised into courses by profession, for people who hand real work to AI agents: 1,467 live resources, each with its original link, license and safety tags.
Skill
Original text · 简体中文8 万多星的「反 AI 味」Skill 合集，共 13 个：管排版、留白、圆角、动效强度，还能审查已有页面；官网 tasteskill.dev
https://github.com/Leonxlnx/taste-skill
Republished in full under its license, with attribution. The source is authoritative.
The easiest way to get Taste Skill results: download TasteCode. Its design agent briefs, builds and visually reviews your UI. Source on GitHub.
Sponsors
Sidrune AI: one API for GPT, Claude, and other leading AI models.Sign up through this link and get $3 in API credit.
interfaces.dev · A design engineering magazine by Jakub Krehel
React Bits · animated React components for creative interfaces
IMG.LY · CreativeEditor SDK
Sent.dm · messaging APIs for SMS, WhatsApp, and RCS
Become a sponsor
Taste Skill is a set of Agent Skills that make coding agents design websites instead of assembling the average landing page. The default skill 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](examples/v2/CREDITS.md)). Watch the launch film.
Install · How it works · Skills · FAQ · Sponsors · License
npx skills add https://github.com/Leonxlnx/taste-skill
That installs every skill in this repo with the npx skills CLI. To install one, pass its install name:
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
The default 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.
Claude Code plugin
Run these inside Claude Code. Every skill is namespaced under taste-skill:, so they do 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
codex plugin marketplace add Leonxlnx/taste-skill
codex plugin add taste-skill@taste-skill
Start a new Codex session afterwards so the skills are loaded.
From a clone, linked instead of copied
./install.sh symlinks the skills into Claude Code (--codex for Codex, --all-agents for both), so a git pull updates them in place. ./install.sh --list shows every install name.
Already have the skill? Run the install command again. The install name did not change, and the older versions stay available under their own names (see [Skills](#skills)).
The default skill is built from a study of 247 curated sites. A build runs in six steps:
A build takes roughly 30 to 45 minutes and a few hundred thousand tokens. Details are in the [changelog](CHANGELOG.md) and the [study](skills/taste-skill/references/research.md).
Each skill does one job. You do not need all of them. The install name is the value you pass to --skill.
| Skill | Install name | What it does |
|---|---|---|
| [taste-skill](skills/taste-skill/SKILL.md) | design-taste-frontend | v2. Art direction for landing pages, marketing sites, portfolios and product pages, in any stack. Works as described above. |
Skills for a specific job (8)
| Skill | Install name | What it does |
|---|---|---|
| [redesign-skill](skills/redesign-skill/SKILL.md) | redesign-existing-projects | Existing projects: audit the UI first, then fix layout, spacing, hierarchy and styling. |
| [image-to-code-skill](skills/image-to-code-skill/SKILL.md) | image-to-code | Generate site references, analyse them, then build the frontend to match. |
| [gpt-tasteskill](skills/gpt-tasteskill/SKILL.md) | gpt-taste | A stricter variant for GPT and Codex: more layout variance, stronger motion direction. |
| [soft-skill](skills/soft-skill/SKILL.md) | high-end-visual-design | Calm, polished UI: soft contrast, whitespace, spring motion. |
| [minimalist-skill](skills/minimalist-skill/SKILL.md) | minimalist-ui | Editorial product UI with a restrained palette and crisp structure. |
| [brutalist-skill](skills/brutalist-skill/SKILL.md) | industrial-brutalist-ui | Hard mechanical language: Swiss type, sharp contrast, experimental layout. |
| [stitch-skill](skills/stitch-skill/SKILL.md) | stitch-design-taste | Rules for Google Stitch, with an optional DESIGN.md export. |
| [output-skill](skills/output-skill/SKILL.md) | full-output-enforcement | For when the model ships half-finished work: full output, no placeholder comments. |
Image generation skills (3)
These produce design images only, no code. Use them with ChatGPT Images, Codex image mode or any agent that generates images, then hand the frames to your coding agent.
| Skill | Install name | What it does |
|---|---|---|
| [imagegen-frontend-web](skills/imagegen-frontend-web/SKILL.md) | imagegen-frontend-web | Website comps: hero, landing page, multi-section. |
| [imagegen-frontend-mobile](skills/imagegen-frontend-mobile/SKILL.md) | imagegen-frontend-mobile | Mobile screens and flows for iOS, Android and cross-platform. |
| [brandkit](skills/brandkit/SKILL.md) | brandkit | Brand-kit boards: logo directions, palettes, type, applications. |
Older versions of taste-skill
Kept for projects that depend on their exact behaviour.
| Skill | Install name | What it is |
|---|---|---|
| [taste-skill-v2-experimental](skills/taste-skill-v2-experimental/SKILL.md) | design-taste-frontend-v2-experimental | The single-file, dial-driven rewrite that was the default before v2. |
| [taste-skill-v1](skills/taste-skill-v1/SKILL.md) | design-taste-frontend-v1 | The original. |
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend-v2-experimental"
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend-v1"
Both have three 1 to 10 dials at the top of the file: DESIGN_VARIANCE (centred and clean to asymmetric), MOTION_INTENSITY (hover only to scroll-driven) and VISUAL_DENSITY (spacious to dense). v2 has no dials. Its direction comes from the draw and its limits from the inspector.
What does the default 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?
No. The default skill is for public-facing pages. Use minimalist-skill or soft-skill for product UI.
If Taste Skill helps you, consider sponsoring:
Get a Kimi API key: taste-skill users get 10% bonus API credits on their first purchase.
Community sponsors
Feedback: open an issue or pull request, DM @lexnlin or @blueemi99, or email [hello@tasteskill.dev](mailto:hello@tasteskill.dev).
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.
[MIT License](LICENSE) · Copyright (c) 2026 Leonxlnx
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
Sourcegithub.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
Sourcegithub.com/anthropics/skills/blob/main/skills/web-artifacts-builder/SKILL.md
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups,…
Sourcegithub.com/Leonxlnx/taste-skill/blob/main/skills/brandkit/SKILL.md
tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One Page Love, Awwwards Sites of the Day). Deals researched directions (idea, composition, type, palette, photographs, section blueprints) from a library, enforces a strict no-slop house style with a real-browser inspector, and runs a look-and-fix loop on screenshots. Use this whenever you…
Sourcegithub.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill/SKILL.md
The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2), which is a new skill. Use this v1 install name only if you need exact backward compatibility.
Sourcegithub.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill-v1/SKILL.md
Old v2 (experimental) of taste-skill, the single-file dial-driven version, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2). Use this install name only if you need the earlier behavior. Anti-slop frontend rules for landing pages, portfolios, and redesigns, with real design systems when applicable, audit-first redesigns and a strict pre-flight check.
Sourcegithub.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill-v2-experimental/SKILL.md