L
Leonxlnx/taste-skill
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
在 GitHub 查看 ↗链接已于 2026-11-12 核查 · HTTP 200 · 打开的是厂商自己的官网
安装与配置
客户端配置（取自该仓库的安装命令）
{
"mcpServers": {
"leonxlnx-taste-skill": {
"command": "npx",
"args": ["skills"]
}
}
}解析自我们于 2026-10-26 抓取的该仓库 README；我们未执行过。
command/args 来自仓库写明的安装命令；不确定时请以该项目 README 为准。
VS Code（.vscode/mcp.json —— 键名是 servers）
{
"servers": {
"leonxlnx-taste-skill": {
"command": "npx",
"args": ["skills"]
}
}
}VS Code 顶层键是 <code>servers</code>，其余与上面那份相同。
Claude Code（命令行）
claude mcp add --transport stdio leonxlnx-taste-skill -- npx skills
Claude Code 不收 JSON 文件，用这条命令直接加。
配置项的键名以你的客户端为准：客户端与 CLI
- ★ 数取值
- 114,942 ★ · Leonxlnx/taste-skill · 取自 GitHub 搜索 API · （2026-11-13 20:00:50 核对）
- 来源明细
- 从该仓库的 GitHub 页面直接读取 · 条目类型：开源项目
- 收录与活跃
- 收录于 2026-10-26 · 最近见到 2026-11-11 · 共见到 11 次 · 被 1 个来源列出
- 安装
npx skills
常见问题（答案都来自我们的记录）
怎么安装？
该仓库给出的安装命令是
npx skills。我们的记录里它是仓库自己提供的；不保证在你的客户端上直接可用。它适合谁 / 用来做什么？
我们还没有为它记录标签。
谁维护它、还在更新吗？
仓库
Leonxlnx/taste-skill；我们收录于 2026-10-26；最近见到 2026-11-11。这里没有"官方认证"或"质量评级"——我们只记录来源与时间。
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
Sponsors
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 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
bash
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.
Claude Code plugin
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
bash
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.
From a clone, linked instead of copied
./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:
1. Reads the brief and lists what only this client has.
2. A script deals three of 20 researched directions and the agent picks one.
3. Finds the idea: one sentence tying the client's own material to that direction.
4. Builds with real pictures and footage from open collections, credited.
5. Checks the page in a real browser at three widths and fails it on slop.
6. 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
Sponsors
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 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
bash
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.
Claude Code plugin
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
bash
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.
From a clone, linked instead of copied
./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:
1. Reads the brief and lists what only this client has.
2. A script deals three of 20 researched directions and the agent picks one.
3. Finds the idea: one sentence tying the client's own material to that direction.
4. Builds with real pictures and footage from open collections, credited.
5. Checks the page in a real browser at three widths and fails it on slop.
6. 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
收录徽章（可选）
想把收录标记放进 README 就复制这行，可选，不影响收录。
[](https://anclum.com/zh/s/leonxlnx-taste-skill/)
- 来源
- github · https://github.com/Leonxlnx/taste-skill
- Traction
- 114,942 ★
- 收录于
- 3 天前