开源项目

Taste 前端审美技能

让编程代理先做艺术指导再写页面,避免产出平均水平的落地页。

查看 GitHub
11万收藏Leonxlnx作者2.1.5版本MIT许可证

Skill 概览

这个技能为代理提供艺术指导流程、参考图片和浏览器检查,用来设计网站和应用界面。作者称它基于对 247 个精选网站的研究,一次构建分为六步。图片来自公开档案并由技能标注出处。需要注意成本:一次构建大约需要 30 到 45 分钟和几十万 token。仓库现在只保留 design-taste-frontend 一个技能,其他旧技能已迁到独立仓库。

核心功能

  • 写页面之前先确定艺术方向
  • 从公开档案查找并标注参考图片
  • 用浏览器检查生成结果
  • 网站和应用界面走不同的构建路线

适用场景

  • 需要一个不像模板的营销页面或作品集
  • 为仪表盘或应用界面确定视觉风格
  • 愿意用更多时间和 token 换设计质量

安装方式

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

使用说明

安装后直接让代理设计网站或应用界面。技能的脚本需要 Node 22 以上版本和已安装的 Chrome、Edge 或 Chromium,不需要 API 密钥,查找图片时需要联网。也可以用 Claude Code 或 Codex 的插件方式安装。

示例工作流

  1. 安装技能并确认 Node 与浏览器环境
  2. 向代理描述要做的网站或界面
  3. 由代理确定艺术方向并收集图片
  4. 生成页面并在浏览器中检查
  5. 检查图片出处后再发布

更新记录

2.1.5

对应仓库当前发布的版本。完整变更请查看 GitHub Releases。

常见问题

一次构建的开销大吗?

作者给出的数字是约 30 到 45 分钟、几十万 token。按量计费时请先估算。

旧版本里的其他技能去哪了?

它们迁到了独立仓库并保留原安装名,仓库 README 的 Moved skills 部分列出了去向。