SuperAPI AI 工具集

stitch-mcp-generate-screen-from-text

智能体与模型

查看项目

更新于 10-16 03:15

技能介绍

用途:调用 Stitch MCP 工具 generate_screen_from_text,根据文字描述生成高保真 UI 界面或线框图。命名空间形式可能为 mcp__<serverName>__generate_screen_from_text。仅当用户明确提到“Stitch”时使用,例如要求用 Stitch 设计页面、生成 UI、画登录页、可视化线框或概念,或处于 stitch-ui-designer SOP 流程第 5 步。

主要能力与参数:projectId 必填,为纯数字 ID,不带 projects/ 前缀;prompt 必填,为结构化文字描述;deviceType 可选,取值 MOBILE(默认)、DESKTOP、TABLET、SMART_WATCH;modelId 可选,取值 GEMINI_3_PRO(推荐,质量高)或 GEMINI_3_FLASH(更快)。

使用方式:不要把用户原始输入直接作为 prompt,应按 [Device] [Mode] [Screen Type]. [Style]. [Layout]. [Components]. 结构丰富描述,如“Mobile High-Fidelity login screen. Cyberpunk aesthetic. Dark mode. Neon blue accents. Center-aligned vertical stack. Glitch-effect Logo. Input fields with glowing borders. Primary 'Jack In' button.”。设备选择上,MOBILE 约 375px 宽纵向布局,适合消费类应用;DESKTOP 约 1440px 宽横向布局,适合 SaaS、仪表盘、落地页;TABLET 为混合布局;SMART_WATCH 为紧凑小屏。复杂或最终设计优先 GEMINI_3_PRO,简单线框或快速迭代可用 GEMINI_3_FLASH。

输出处理:generate_screen_from_text 返回会话信息(如 sessionId 与 outputComponents),可能不直接返回截图。生成完成后用 list_screens(projectId 格式为 projects/{id})列出页面,再用 get_screen 配合选定的 screenId 获取截图或 HTML 资源。

限制:本技能生成视觉设计,不生成实现代码,勿与编程类技能混淆。prompt 描述需与所选设备匹配,例如不要在 MOBILE 上要求 Sidebar。颜色可指定具体值(如 Emerald Green、#FF5733),占位文本宜用真实内容而非 Lorem Ipsum。其他细节资料暂未提供。