SuperAPI AI 工具集

openpencil-design

设计与创作

查看项目

更新于 10-16 01:12

技能介绍

用途:在 OpenPencil 中创建和修改 .op 文件里的 UI 设计,通过 op CLI 或 MCP 工具(batch_design、insert_node、design_skeleton)操作画布节点,并可作为 PenNode schema、语义角色与布局规则的参考。

主要能力:op CLI 覆盖应用与服务器控制(op start、--web、--headless、op stop、op status、op tools)、文档操作(op open、save、get、selection、read-nodes、layout、find-space)、节点增删改移复制替换、批量设计 DSL、沙箱 JS 脚本、分层工作流(design:skeleton、design:content、design:refine)、design-as-code 转换(upsert-vars/component/screen、status、lint)、模板与样式(templates、use-template、styles)、导出(export、export-deck、export-frames)、导入(SVG、HTML、快照、Figma .fig)、页面管理、变量与主题、代码生成流水线(codegen:plan/submit/assemble/clean)。

使用方式:三种构建途径——op insert(推荐,用 --parent 指定父节点并捕获返回的 nodeId,最后用 design:refine 解析图标并校验布局);批量设计 DSL(每行一个操作,I/U/C/R/M/D/G 绑定结果);脚本模式(op design @ui.js 或 --script,适合循环与数据驱动,提供 I(parent,obj) 与 K(kitComponentId,parent,overrides))。输入可为内联字符串、@文件或 stdin。

限制:PenNode JSON 必须严格合法(键值成对、双引号、fill 为数组、无尾逗号与注释);path 图标需 design:refine 或 --post-process 才能渲染,独立 MCP 服务器不注册 hook,建议用 icon_font;脚本模式有 256 KiB 源码、4096 操作、8 MiB 输出、2 秒、64 MiB 内存限制,且 C/U/D/M/R/G 仅为兼容占位;布局容器内子节点不可设 x/y,兄弟节点宽度策略需一致,不可在 fit_content 父级内使用 fill_container。