SuperAPI AI 工具集

makeui

前端与建站

查看项目

更新于 10-15 21:38

技能介绍

用途:makeui 负责 Make App 前端 UI 的结构与呈现,包括应用外壳布局、导航布局、列表页布局、工具栏位置、当前用户展示、组件库使用、字段控件呈现、新建/编辑/详情布局、响应式视图组合、视觉状态与界面打磨。默认技术栈为 React + Vite + React Router,移动端共用 @qfei-design/make-app-mobile 的表现原语,业务 Controller 留在宿主中。

主要能力:支持动态对象路由、桌面与移动布局、列表与抽屉;默认采用密集的对象管理桌面布局(左侧导航、扁平工作区头部、表格上方本地工具栏)。移动端为默认交付要求,创建/编辑/详情字段保留同行左右槽位,File 可全宽堆叠;身份与附件字段使用包内 /fields 组件。路由需包裹加载、空、错误、禁止、会话过期、未找到、重试和渲染错误等状态。新建 Make App UI 默认使用平台组件化源码树,并在 apps/ui/src/lib/make-field-types.ts 建立共享字段类型注册表,覆盖全部 Make.Field.* 类型,并应用默认 Lucide 字段类型图标契约(桌面/平板;手机保留纯文本标签)。

使用方式与边界:不要在 makeui 中定义认证/登录、令牌、会话、部署、构建产物或 Service 运行时规则;这些交给 make-app-auth、make-app-runtime 等技能。权限门由 make-app-permission 负责,makeui 只渲染授权结果。可写记录列表的操作由 make-app-actions 负责:桌面/平板使用 CanvasTable 多选与批量操作,手机使用卡片与单条操作。筛选、分组、排序分别交给 make-app-filter、make-app-group、make-app-sort。涉及 AI 助手、SSE、Agent Gateway、@qfei-design/make-ai-assistant 等,需先确认 make-ai-assistant 技能已安装,否则停止助手实现。移动端建议安装后用 scripts/verify-mobile-package-surface.mjs 验证包接口。

限制:不得虚构业务字段或 API 契约;不得在 makeui 中实现或分叉筛选、分组、排序逻辑;缺失组件化属交付阻断。该资料未提供收费、价格、平台覆盖等具体信息,暂未提供。