SuperAPI AI 工具集

loora-design-guide

设计与创作

查看项目

更新于 10-15 23:48

技能介绍

用途:通过 Loora MCP 工具创建真实、可编辑的 Loora 设计,把 Canvas 文档而非生成代码当作唯一事实来源,像设计师一样理解产品、建立系统、构建连贯区块、检查渲染并优化薄弱部分。

主要能力与用法:先检查可调用的 Loora 工具,要求具备 createPage、insertNodes、patchNodes、createComponent、createInstance、setTokens、setAnimations、animateNodes 及分支生命周期工具;若缺少必需工具,应在 createDesign 或任何部分变更前停止,并报告缺失工具与清单/会话不匹配,不得用 HTML、JSX、浏览器点击或反复猜测调用替代。按操作加载参考文档:选择设计、定位 Main、创建/使用分支、比较、提议或应用时读 tool-workflows.md;调用创建、插入、补丁、组件、令牌、交互或动效工具时读 mcp-schema.md;组合响应式布局、组件、主题、交互或动效时读 canvas-authoring.md,新设计或大幅改版时加读 design-craft.md;用图像视觉审查像素时读 design-craft.md,无图像视觉验证时读 tool-workflows.md 与 mcp-schema.md。

核心循环:确认能力并定位,调用 getUsage、listDesigns、getDesignContext,用 readTree、readNode 或 searchNodes 检查;保护目标,确认 Main 或分支,全程携带同一 designId 与可选 draftId;形成视觉方向;建立系统,复用令牌、主题、组件、间距与字体;分批构建,用 createPage 建页面与初始层级,insertNodes 加区块,patchNodes 做原子优化,moveNodes 调整结构,优先 flex/grid 与 fill/hug;有意义编辑后调用 getScreenshot 检查;外科式优化;验证结构;谨慎收尾,分支需先与 Main 比较,未经用户授权不得应用、关闭或删除,仅在需要单向实现产物时用 exportCode。

限制:保持 Canvas 语义,发送结构化节点与字段,禁止插入 HTML、JSX、Tailwind 类、任意 CSS 或代码节点;区分外层工具信封、NodeRef/描述符定位器与类型化字段值三层;区分 designId、draftId、pageId、componentId、NodeRef 与临时描述符 ref;组件后代使用 readTree 返回的精确 NodeRef,instancePath 不可置空;改组件源以影响所有实例,仅对有意覆盖才补丁实例后代;用页面或组件状态定义加声明式交互表达行为;重复颜色、数字、字体用令牌,重复结构用组件;每个将布局子级的容器都要设置 mode;补丁集合字段前先读取;动效克制并优先预设;deleteNodes、deleteDesign、closeBranch 属破坏性操作,需明确确认并传 confirmed: true。失败时按错误路径从外向内排查,不随机重试;工具消失即停止;ID 失效则重读最近树;锁定节点停止并告知用户;只读分支检查状态;合并修订漂移时重新 compareBranch;CANVAS_UNAVAILABLE 说明旧设计不受支持;截图失败保留结构化编辑并说明视觉验证不完整;用量或计划受限时停止重复调用并报告返回代码与剩余工作。