SuperAPI AI 工具集

figcraft-responsive-layout

设计与创作

查看项目

更新于 11-04 23:01

技能介绍

响应式布局

执行具体方法前读取 Craft 场景命令与参数,按其中的对象选择、会话、输入替换和结果检查执行。

连接与执行

先检查当前 MCP 的工具列表和 editor_status。有 create_node、run_command、inspect_document 时,使用实际工具 JSON schema;不猜测参数。通过 list_commands 找到本场景需要的命令及参数,再执行。

增强 Web 的 MCP 操作必须发生在已打开且就绪的同一页面。官方原版 Web 0.6.0 只有交互画面,文件服务尚未实现;没有这些 MCP 工具时不得假装已编辑或保存。独立原生 figcraft-cli mcp 是另一会话,切换必须明确告知。CLI 可用时用 figcraft-cli commands --json 检查命令;不自行安装缺失工具。

参考:FigCraft v0.6.0 MCP、CLI。命令以当前加载版本为准。

工作步骤

检查现有 frame、容器层级及主要内容宽度,确认哪些模块应换行、折叠或隐藏。

通过 list_commands 查询 layout.add 等实际命令,将相关容器转为横向、纵向或 grid;用 gap、padding、sizingH、sizingV 表达布局意图,避免同时用绝对 x/y 固定流内子项。

建立 390×884、768×1024、1280×1024 三种 frame;重要组件保留同一套内容与语义顺序。

检查 Hug 与 Fill 的父子约束、长标题、空内容、较多列表项;对每种尺寸分别截图和读取 absoluteBounds,识别出界节点。

保存可编辑工程并重开;导出三种尺寸图,说明断点行为及仍需真实前端验证的交互。