SuperAPI AI 工具集

local-axure-workflow

办公与效率

查看项目

更新于 10-16 00:00

技能介绍

用途:处理本地导出的 Axure 原型资源,完成主题提取、数据模型识别与页面还原。

主要能力:从多个页面提取 design tokens 并合并为统一主题;从列表页、表单页、详情页识别数据结构并生成数据库文件;基于截图、主题与内容还原页面;sitemap.json 含 projectUrl 时可选用 MCP 或脚本获取在线资源。

资源结构:项目目录含 sitemap.json 与 page-<index>-<name>/,页面目录含 assets/images、theme.json、content.md、screenshot.png,必要时有 doms.toon、styles.toon。

使用方式:先定位 temp/ 下含 sitemap.json 的项目目录并确认;提取主题输出到 src/themes/<theme-key>/(含 globals.css 或 designToken.json、DESIGN.md、index.tsx);数据模型输出到 src/database/<table-name>.json,须为含 tableName 与 records 的 JSON 对象,记录含唯一 id;文档输出到 src/docs/。页面还原输出 src/prototypes/<page-name>/index.tsx 与 style.css(须含 @import "tailwindcss";),组件变量名须为 Component 并 export default Component;验收命令为 node scripts/check-app-ready.mjs /prototypes/[页面名],随后生成 spec.md。在线补充命令:node skills/extract-axure-data/scripts/extract.mjs <projectUrl> --pages <target>。

适用场景:基于本地 Axure 导出资源做设计规范整理、数据建模与页面还原。

限制:还原以截图为最高优先级,需模型支持视觉识别并能直接读取本地图片,否则须由用户提交图片,禁止猜测或 Base64 读取;TOON 数据量大仅在必要时解析;默认目标为 1:1 还原,不主动改版;修复若改变原设计意图需先确认。具体收费、价格与平台信息暂未提供。