关于 taste-design-stitch
用于改进 Google Stitch 生成界面的设计技能,针对间距、字体、色彩和视觉层级提供审美指导。它属于 Google Labs 官方 Stitch 技能生态。
主要功能
- 01优化间距选择
- 02指导字体设计
- 03改进色彩选择
- 04强化视觉层级
适用场景
- 01润饰 Google Stitch 生成的界面
- 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
决策树
-
是否已安装完整技能? 检查此位置的技能是否仍包含
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 步
- 全局:
-
检测范围,然后安装:
检测范围:
[ -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 -yClaude Code: 发送任一命令作为以
!开头的聊天消息,即可在不离开对话的情况下运行。
安装后调用
- 技能名称:
taste-design-stitch - 触发短语:"taste design"、"stitch taste"、"improve stitch UI"、"stitch aesthetics"
功能
将审美判断和设计品味应用于 Google Stitch 的 UI 输出。推动生成的界面超越通用的 AI 默认风格——在间距、排版、色彩和视觉层级上做出鲜明选择,让 Stitch 的输出显得经过精心设计,而非机械生成。属于 Google Labs 官方 Stitch 技能生态系统的一部分。
评论
支持 Markdown