mcpField
T
taste-design-stitch

taste-design-stitch

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

关于 taste-design-stitch

用于改进 Google Stitch 生成界面的设计技能,针对间距、字体、色彩和视觉层级提供审美指导。它属于 Google Labs 官方 Stitch 技能生态。

主要功能

  1. 01优化间距选择
  2. 02指导字体设计
  3. 03改进色彩选择
  4. 04强化视觉层级

适用场景

  1. 01润饰 Google Stitch 生成的界面
  2. 02摆脱通用的界面样式

安装

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

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

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

附带文件stub.yaml

详细介绍

taste-design-stitch

目录占位条目 — 完整技能:google-labs-code/stitch-skills

决策树

  1. 是否已安装完整技能? 检查此位置的技能是否仍包含 das: 块:

    • 全局:grep -q "^das:" ~/.agents/skills/taste-design-stitch/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 项目:grep -q "^das:" .agents/skills/taste-design-stitch/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 没有 das: 块 → 已安装完整技能,调用它并继续
    • 存在 das: 块 → 前往第 2 步
  2. 检测范围,然后安装:

    检测范围:

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

    全局(使用 -g 安装):

    npx skills add google-labs-code/stitch-skills --skill taste-design-stitch -g -y
    

    项目(未使用 -g 安装):

    npx skills add google-labs-code/stitch-skills --skill taste-design-stitch -y
    

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

安装后调用

  • 技能名称:taste-design-stitch
  • 触发短语:"taste design"、"stitch taste"、"improve stitch UI"、"stitch aesthetics"

功能

将审美判断和设计品味应用于 Google Stitch 的 UI 输出。推动生成的界面超越通用的 AI 默认风格——在间距、排版、色彩和视觉层级上做出鲜明选择,让 Stitch 的输出显得经过精心设计,而非机械生成。属于 Google Labs 官方 Stitch 技能生态系统的一部分。

评论

支持 Markdown