mcpField
T
taste-skill

taste-skill

github.com/podo设计与 UI29276 次安装3 天前更新
代码仓库

关于 taste-skill

taste-skill 是面向编码 Agent 的前端设计技能，帮助网站和应用界面形成清晰的艺术指导。它通过设计方向选择、浏览器检查和多尺寸截图评审，引导设计迭代。

主要功能

  1. 01基于调研的设计方向
  2. 02网站与应用界面艺术指导
  3. 03基于浏览器的界面检查
  4. 04多尺寸截图评审

适用场景

  1. 01设计落地页或作品集
  2. 02重设计产品页面
  3. 03评审显得普通的仪表盘

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill taste-skill

安装后在 Claude Code 中输入/taste-skill确认已加载。

附带文件stub.yaml

详细介绍

taste-skill

目录占位条目 — 完整技能：Leonxlnx/taste-skill

决策树

  1. 是否已安装完整技能？ 上游将此技能命名为 design-taste-frontend，因此它会安装在此指针旁边（不会替换此指针）。

    • 全局：f=~/.agents/skills/design-taste-frontend/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • 项目：f=.agents/skills/design-taste-frontend/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → 技能已作为 design-taste-frontend 安装，调用它并继续
    • pointer → 转到第 2 步

  2. 检测作用范围，然后安装：

    [ -e ~/.agents/skills/taste-skill ] && echo "global" || echo "project"

    全局：

    npx skills add Leonxlnx/taste-skill --skill design-taste-frontend -g -y

    项目：

    npx skills add Leonxlnx/taste-skill --skill design-taste-frontend -y

    **Claude Code：**发送一条以 ! 开头的命令作为聊天消息，即可在不离开对话的情况下运行。

Claude Code 插件方式：

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

注意事项

  • **要求：**Node.js 22 或更高版本，以及已安装的 Chrome、Edge 或 Chromium（用于附带的检查器和截图脚本）；资产脚本需要网络连接（它会从开放资源库获取图片，无需 API 密钥）
  • **许可证：**MIT
  • **下载大小：**约 39 MB。

安装后调用

  • 技能名称：design-taste-frontend
  • 触发短语："design taste"、"good taste"、"anti slop"、"premium UI"、"make this look designed"、"this page looks generic"

功能

为网站和应用屏幕提供艺术指导，针对模型通常默认生成的通用风格（居中的三行标题、小标签、一排图标卡片、柔和渐变）。脚本会提供若干经过研究的设计方向（创意、构图、字体系统、调色板、主视觉和版块蓝图、主题相关图片），由你选择一个；随后，检查器脚本会在真实浏览器中测量一种没有装饰元素的统一风格，你可以查看多个宽度下的截图，根据评估标准进行判断、修改并再次查看。另一次运行则针对仪表板、设置页面和收件箱等应用屏幕。无论是构建、重设样式还是评审落地页、产品页、作品集、单页或仪表板，或者页面看起来很普通或像“AI 生成的”，都可以使用它。

附带脚本需要 Node 22+ 和已安装的 Chrome、Edge 或 Chromium；其中一个脚本会通过网络从开放资源库获取图片。工作文件会写入项目根目录下的 .taste-skill/。

不适用场景

  • 后端代码、API、数据管道、命令行工具或任何非 UI 任务
  • 用户明确要求通用或模板风格的 UI
  • 原生 iOS 或 Android 界面（使用 mobile-app-design 或 swiftui-design-skill）

评论

支持 Markdown