用途:把 Figma 选区(或用户提供的 nodeId)转换为可集成进现有仓库的 UI 代码,TemPad Dev MCP 是唯一设计证据来源。
主要能力:调用 tempad-dev:get_code 获取权威代码快照(含显式值、布局意图、警告、资源、token、codegen、lang),用 tempad-dev:get_structure 澄清层级与重叠;输出 Tailwind 风格 IR(JSX 或 Vue),并可翻译为仓库原生写法。
使用方式:先识别仓库约定(框架、样式方案、token/主题、资源策略、既存组件与导入路径;仅在仓库实际使用 Tailwind 时检测其版本与约定)。随后以 resolveTokens:false 调用 get_code,且仅当用户提供 nodeId 时才传;preferredLang 按仓库选 jsx 或 vue,但以返回的 lang 为实际语言。遇 depth-cap、truncated、布局不确定等警告,需按子树取证、缩小范围或调用 get_structure,仍矛盾则停止。
限制:不得臆造颜色、字体、间距、圆角、边框、阴影、渐变、透明度或模糊;不得输出 data-hint-*。资源仅可从 TemPad 提供的 asset.url 下载,禁止公网获取。token 仅在可证明值等价且语义一致时映射,否则保留显式值并警告。不得引入新框架或样式系统;新增运行时/构建依赖需用户确认。未提供平台、收费或价格信息。MCP 不可用/未授权、证据矛盾不可解、资源无法按仓库策略获取时应停止交付。