关于 stitch-loop
stitch-loop 是来自 Google Labs (Stitch) 的设计转代码技能,通过反复评审和调整,提高已构建 UI 与设计需求的一致性,适用于 UI 迭代优化。
主要功能
- 01设计转代码迭代循环
- 02UI 评审与调整
- 03优化视觉一致性
适用场景
- 01对照需求优化 UI
- 02审查已构建的界面
- 03交付前调整设计
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nexu-io/ open-design --skill stitch-loop安装后在 Claude Code 中输入/stitch-loop确认已加载。
详细介绍
stitch-loop
选自 Google Labs(Stitch)。
功能
设计到代码的迭代反馈循环。通过评审 → 调整 → 发布的周期,缩小设计简报与实际构建的 UI 之间的视觉差异。
来源
- 上游:https://github.com/google-labs-code/skills
- 类别:
design-systems
使用方法
此目录条目会在 OpenDesign 中介绍这项技能,让 Agent 在规划时发现它。若要运行包含原始资源、脚本和参考资料的完整上游工作流,请将上游套件安装到当前 Agent 的技能目录中:
# Inspect the upstream README for exact paths
open https://github.com/google-labs-code/skills
然后让 Agent 按名称(stitch-loop)或使用此技能 frontmatter 中列出的触发短语来调用这项技能。
评论
支持 Markdown