mcpField
S
stitch-loop

stitch-loop

github.com/nexu-io设计与 UI104.6k2.7k 次安装1 天前更新
代码仓库

关于 stitch-loop

stitch-loop 是来自 Google Labs (Stitch) 的设计转代码技能,通过反复评审和调整,提高已构建 UI 与设计需求的一致性,适用于 UI 迭代优化。

主要功能

  1. 01设计转代码迭代循环
  2. 02UI 评审与调整
  3. 03优化视觉一致性

适用场景

  1. 01对照需求优化 UI
  2. 02审查已构建的界面
  3. 03交付前调整设计

安装

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

$npx skills add https://github.com/nexu-io/open-design --skill stitch-loop

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

详细介绍

stitch-loop

选自 Google Labs(Stitch)。

功能

设计到代码的迭代反馈循环。通过评审 → 调整 → 发布的周期,缩小设计简报与实际构建的 UI 之间的视觉差异。

来源

使用方法

此目录条目会在 OpenDesign 中介绍这项技能,让 Agent 在规划时发现它。若要运行包含原始资源、脚本和参考资料的完整上游工作流,请将上游套件安装到当前 Agent 的技能目录中:

# Inspect the upstream README for exact paths
open https://github.com/google-labs-code/skills

然后让 Agent 按名称(stitch-loop)或使用此技能 frontmatter 中列出的触发短语来调用这项技能。

评论

支持 Markdown