用途:在用户明确提到“Stitch”的前提下,检索某个屏幕的完整详情,包括 HTML 代码与高分辨率截图。适用于导出代码、查看完整设计细节,或让智能体分析生成的 HTML 结构。
主要能力:返回 Screen 对象,包含 htmlCode(界面实际 HTML/CSS 代码)、screenshot(高分辨率图片 URL)、figmaExport(Figma 文件资源)以及 width、height、deviceType。可用于设计到代码的后续转换,例如 stitch-design-md 或框架转换技能。
必要用法:需从用户请求中提取两个必填参数 projectId 和 screenId,均为纯 ID 格式,不带 projects/ 或 screens/ 前缀。若用户提供资源路径或 URL,按格式 web application/stitch/projects/{projectId}/screens/{screenId} 或 projects/{projectId}/screens/{screenId} 提取两段 ID。两者齐备时直接调用 stitch-mcp-get-screen,不要调用 stitch-mcp-get-project。调用形式为 get_screen,参数 {"projectId": "<extracted projectId>", "screenId": "<extracted screenId>"}。
框架转换:取回 HTML 后,若请求暗示转换为某前端框架,需识别关键词并加载对应技能的上下文。uViewPro/uni-app 加载 stitch-uviewpro-components,读取 references/(contract.md、tailwind-to-uviewpro.md)、api/component-api.md、examples/usage.md、resources/architecture-checklist.md;uView 2.0 用 stitch-uview-components;Element Plus 用 stitch-vue-element-components;Vant 用 stitch-vue-vant-components;Layui 用 stitch-vue-layui-components;Bootstrap 用 stitch-vue-bootstrap-components;React 用 stitch-react-components;Shadcn/Next.js/Radix 用 stitch-shadcn-ui;其它框架搜索匹配的 stitch-*-components 技能。随后按该框架规则(组件映射、插槽用法、单位换算等)把原始 HTML 转换为目标代码。
限制:此技能仅在用户明确提及“Stitch”时使用。文档未提供安装命令、收费或价格信息。