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
安裝與使用
專案層級安裝：把 skill 資料夾（含有 SKILL.md 的那一個）以固定 commit 的版本複製到你的專案中。畫廊的執行也是用同樣的方式安裝。
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