Codex 原生
成功
👍 0 · 去投票
taste-skill (design-taste-frontend)
taste-skill v2：为网站和应用界面提供美术方向。脚本会从一个研究过 247 个网站的方向库里给出三个方向，agent 按选中的方向做页面，再用自带的检查工具在真实浏览器里检查。包括说明和 Node 脚本；需要 Node 22+、Chrome，找图片时需要联网。
- 路径
skills/taste-skill· SKILL.md- 固定 commit
12af471f62- 许可证
- MIT
每道题目固定按 2×2 展示：Codex 原生、Codex + skill、Claude Code 原生、Claude Code + skill。点击截图可查看整页。安装与使用 ↓
擅长什么
以下是 skill 自己的文档里声称的优势，附有出处。这些只是声称，不是结论，请和下面的实际结果对照着看。
- 网站美术方向，提炼自对 247 个精选画廊网站（One Page Love、Awwwards 每日最佳）的研究 出处
- 让编程 agent 去设计网站和应用界面，而不是拼出一个平均水平的落地页 出处
- 给 agent 一个美术方向、真实的图片，以及在真实浏览器里检查自己作品的办法 出处
- 创意来自主题本身，agent 会查看自己的截图并修改 出处
测试范围：SaaS 落地页、数据看板、个人博客与作品集。不在范围内的题目标为“不适用”，而不是待运行。
在第二批运行之前，依据 skill 原文决定。
SaaS 落地页
landing-saas
数据看板
dashboard
个人博客与作品集
blog-portfolio
安装与使用
项目级安装：把固定 commit 下的 skill 文件夹（包含 SKILL.md 的那个）复制到你的项目中。画廊运行时也是这样安装的。
Claude Code
安装
把文件夹复制到 <project>/.claude/skills/design-taste-frontend/。
git clone https://github.com/Leonxlnx/taste-skill.git /tmp/design-taste-frontend-src
git -C /tmp/design-taste-frontend-src checkout 12af471f627f866411b4bd785b19646d3672784c
mkdir -p .claude/skills
cp -R /tmp/design-taste-frontend-src/skills/taste-skill .claude/skills/design-taste-frontend使用
# 交互模式
/design-taste-frontend <你的任务>
# 或者在任意请求末尾加上
Use the design-taste-frontend skill.
# 非交互模式，和画廊运行时一样
claude -p '<你的任务> Use the design-taste-frontend skill.'如果想在所有项目中使用，改为把文件夹放到 ~/.claude/skills/design-taste-frontend/。当请求与 skill 的描述相符时，Claude Code 也会自行加载这个 skill。
Codex
安装
把文件夹复制到 <project>/.agents/skills/design-taste-frontend/。
git clone https://github.com/Leonxlnx/taste-skill.git /tmp/design-taste-frontend-src
git -C /tmp/design-taste-frontend-src checkout 12af471f627f866411b4bd785b19646d3672784c
mkdir -p .agents/skills
cp -R /tmp/design-taste-frontend-src/skills/taste-skill .agents/skills/design-taste-frontend使用
# 交互模式：在请求中提到它，或从 /skills 中选择
$design-taste-frontend <你的任务>
# 非交互模式，和画廊运行时一样
codex exec -s workspace-write '<你的任务> Use the $design-taste-frontend skill.'如果想在所有项目中使用，改为把文件夹放到 ~/.agents/skills/design-taste-frontend/。Codex 也会根据 skill 的描述自行选用它。
说明
- The upstream folder name (taste-skill) differs from the skill name (design-taste-frontend); the gallery installs it under the skill name.
- Writes working files to .taste-skill/ and may save pictures and scripts next to index.html; the run scripts keep the files index.html references (output.kept_assets) and flag them as extra_files.
- Codex cells have no network, so the picture search step cannot run there.
- Its two signature strengths, real pictures and scroll scenes with a motion layer, are limited by the shared prompt rules (no remote images) and invisible in static screenshots; each cell also has a scroll recording.
- Upstream released v2.0.0 to v2.1.5 within 12 days; always use the pinned commit.
元数据：skills/design-taste-frontend/meta.yaml · Copyright (c) 2026 Leonxlnx