用途:本技能用于获取 Stitch 中某个具体 screen 的完整详情,返回 HTML/CSS 代码、高分辨率截图、Figma 导出资源以及宽高、设备类型等元数据。适用于用户要求“导出”代码、查看完整设计细节,或智能体需要分析生成的 HTML 结构时。
主要能力:返回 Screen 对象,包含 htmlCode(UI 的实际 HTML/CSS 代码)、screenshot(高分辨率图片 URL)、figmaExport、width、height、deviceType。可结合返回的 htmlCode.downloadUrl、screenshot.downloadUrl 与元数据用于设计转代码流程。
使用方式:仅在用户明确提到 Stitch 时调用。需从请求中提取必填参数 name,格式为 projects/{project}/screens/{screen}。当两个 ID 段都可用时,直接构造完整 name 并调用读取,不要先调用 stitch-mcp-get-project。若用户提供资源路径或 URL,按以下规则解析:格式 web application/stitch/projects/{projectId}/screens/{screenId} 或 projects/{projectId}/screens/{screenId},直接提取 projectId 与 screenId 并构造规范资源名,然后调用 get_screen,参数为 {"name": "projects/{project}/screens/{screen}"}。
框架转换意图:获取 HTML 后,若用户请求暗示转换为特定前端框架,需识别关键词并加载对应技能上下文。例如提到 uView、uViewPro 或 UniApp 时,必须加载 stitch-ui-uviewpro-components 的完整上下文;提到 uView 2.0 加载 stitch-ui-uview2-components;Element Plus 加载 stitch-ui-vue-element-plus-components;Vant 加载 stitch-ui-vue-vant-components;Layui 加载 stitch-ui-vue-layui-components;Bootstrap 加载 stitch-ui-vue-bootstrap-components;React 加载 stitch-ui-react-components;Shadcn、Next.js、Radix 加载 stitch-ui-shadcn-components。相关安装命令示例:npx skills add full-stack-skills/stitch-skills --skill stitch-ui-react-components。
限制:本技能为只读,不创建、不修改、不删除资源;如需写操作应交给对应写入技能。运行结果、资源 ID、版本等缺失时应标记为未验证。日志与输出不得包含 token、cookie、密钥或敏感数据。具体收费、价格与平台信息暂未提供。