让 AI 做落地页，十有八九是同一个模子：深色横幅、居中大标题、下面三张卡片。Taste Skill 就是来治这个的：一个免费的 Agent Skill（技能名 design-taste-frontend，作者 Leonxlnx，MIT 协议，GitHub 上 10 万+ 星），规则是写平实文案、一个设计系统、一屏一个区块、左右边距对齐、用真实照片、悬停效果要克制。AI Parabellum 11 月 6 日在 macOS 上用 Claude Code v2.1.318 + Taste Skill 2.5.0 实测了一轮。
安装建议别直接 npx skills add：先把仓库 clone 到一次性文件夹，只把 skills/taste-skill 拷进项目的 .claude/skills/design-taste-frontend，再用 –setting-sources project 启动 Claude Code，这样什么都不会进你的全局配置。敲 /skills 能看到它已加载（约 250 token，只是简短描述，完整 SKILL.md 约 21 KB）。
实测是同一份 brief 做两遍：给一家虚构咖啡烘焙店 Ember Roast 做单页落地页。没技能那版就是熟悉的老样子：深色块居中标题、橙色按钮、三张卡片；有技能那版是左对齐大标题配一张满高烘焙机实拍照片，豆子做成带品鉴笔记的价格清单、再配第二张照片，明显上了一个档次。但也有实话要讲：Claude 两次运行结果并不一样（照片全看技能自带图库里有什么）；它跳过了调色板和布局辅助步骤、没用技能的 starter 文件而是自己写了 CSS；地址、营业时间、价格和邮箱全是它编的；截图里导航链接还压在了照片上、不好读。结论是：新落地页值得一试，但成品必须自己审一遍再上线。
想自己复现：新建一个空项目文件夹，按上面方法装好技能，粘贴这句提示词——“Use the design-taste-frontend skill. Create a one-page site (index.html) for a small bike repair shop called Spoke and Chain. Keep it short, no network downloads. Tell me which skill steps you skipped and which details you made up.”做完对比一下有技能和没技能的两版，再问它跳过了哪些步骤、编了哪些细节。站内相关：Claude Code 技能、子代理、插件到底怎么选、技能写好了却不触发的 6 步排查。更多细节见 AI Parabellum 原文 与 GitHub 仓库 Leonxlnx/taste-skill。
来源：AI Parabellum，原文：https://aiparabellum.com/taste-skill-claude-code-better-looking-pages-tested/
没有回复内容