Design to React Components

本站原创编辑插画，用于表达技能主题，非该技能的实测输出。

这个技能可以帮你做什么

按插件工作流将 Stitch 设计转化为可复用 React 组件。

Translate Stitch designs into reusable React components with the documented plugin workflow.
Inspect original instructions and required resources.
Use the source’s maintained installation guide.

这是一份可调整的示例输入，并非实测结果或输出质量承诺。

Help me use Design to React Components for my project. Ask for the task context, inputs and constraints before starting.

兼容性与使用要求整理自作者文档，尚未经本站逐一验证。

支持的 Agent

Claude CodeCodexCursorGemini CLIAntigravity

使用要求

Follow the upstream plugin setup; preserve shared skills and resources.

Stitch generation workflows require the configured Stitch MCP integration.

所需账号

Google Stitch and its MCP connection

运行费用

Stitch account access, quotas and external service terms apply.

源码引用已核对，但本站尚未完整运行该流程，也未验证其在各 Agent 中的实际效果。

从字体、布局到最终审视，为下一份界面建立清晰的视觉方向。

从前端源码、样式和组件模式中提取连贯的设计体系。

使用 Google Stitch 与明确的设计方向创建并迭代界面。