Taste Skill｜提升AI前端设计与页面实现质量

Taste Skill 把设计方向、页面实现和浏览器检查组成一套供编程助手读取的工作流程。它不只是写一段美化提示词，也不是只输出参考图片的绘图工具。适合在已有网站中改进视觉层次，或从需求草稿生成可继续开发的页面。

当前根README和SKILL.md标记为2.5.1，CHANGELOG记录2.5.1更新。不能把现在的主分支一概写成“默认v2实验版”。旧安装名 design-taste-frontend-v2-experimental 明确属于实验性旧版本，不能描述为稳定；v1名称为 design-taste-frontend-v1，两者均已迁到 taste-skill-classics，旧版请前往对应仓库核对。 当前仓库只保留一个独立Skill：design-taste-frontend。原 high-end-visual-design、minimalist-ui、industrial-brutalist-ui、gpt-taste、stitch-design-taste 也已迁出。原 imagegen-frontend-web、imagegen-frontend-mobile、brandkit、image-to-code 已迁至 imagegen-skills，属于图像生成或图像转代码方向，不能误列为当前仓库内置功能。redesign-existing-projects 已并入现有Skill的重设计流程。

• 依据业务类型安排页面结构、字体组合与配色，统一内容边界和布局节奏。
• 使用真实产品界面片段、照片和图标，避免空白占位图。素材许可证和署名需要分别保留。
• 处理按钮与卡片微交互；复杂WebGL效果只用于其规则允许的技术、软件或游戏场景。
• 通过本地浏览器检查响应式、对比度、占位文案与布局问题。上述是项目自述能力，本站未运行验证。

适用于企业官网、SaaS介绍页、产品页和已有页面重设计。可以用中文提出“保留业务逻辑，只优化首页字体、间距与移动端布局”；这是本站整理的使用示意，不是已完成的实测案例。

官方README提供的单Skill安装命令：

npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"

安装前检查目标目录与工具选择，安装后让编程助手加载该Skill。Codex插件方式见原README：

codex plugin marketplace add Leonxlnx/taste-skill
codex plugin add taste-skill@taste-skill

随后开启新的Codex会话。以上为仓库提供的命令，不代表本站已验证当前客户端支持。重新运行官方安装命令可更新，建议先固定已验收版本。

Node 22+和Chrome、Edge或Chromium是官方列出的依赖，ffmpeg为可选。自带照片可本地使用，获取新素材、字体及图标需要网络。编程助手与模型可能收费；Skill自身说明无API Key需求不代表助手免费。对现有Laravel、Livewire项目应保留其结构，不能把默认静态HTML骨架当作可直接替换生产代码。

仓库、npm、字体及素材源在国内网络下均尚未实测。Codex等助手的账号、地区政策与服务可用性要独立确认。不要据此承诺国内直连或中文生成质量。