SuperAPI AI 工具集

frontend-app-builder

前端与建站

查看项目

更新于 10-15 16:16

技能介绍

用途:frontend-app-builder 用于从零构建精致的前端应用、仪表盘、游戏、创意网站、Hero 区块、重设计及其他视觉驱动型 UI。它先以资深前端设计师身份产出设计概念,再以工程师身份实现已确认的设计规范。

主要能力:优先使用 Image Gen 生成视觉概念,除非用户明确选择不用,或任务只是既有设计系统内的小型 UI 修复。编码前需设计完整请求界面:整页、应用、仪表盘、游戏或产品界面不能只给页头或 Hero 概念;多区块网站和长落地页默认按主要区块逐张生成协调的概念图,必要时补充概览图;密集应用、仪表盘、编辑器等需为表格、侧栏、弹窗、工具栏、图表、表单等生成独立状态或细节概念图。游戏还需额外生成透明精灵、地块、收集物、危险物、目标物、道具和视差背景层等美术资产。

使用方式:在 Plan 模式下先生成设计,再用 request_user_input 获取设计批准,之后才规划实现细节。确认后的概念即生产设计规范,实现时不得擅自重新诠释布局、文案、层级、容器模型、样式、图像、密度或区块。编码前需从概念图建立小型设计系统,包括 token、字体、组件族、变体、间距、图标处理和容器规则。新的复杂应用 UI 默认使用 React + Vite,除非用户指定其他框架、仓库已有框架或任务明确为单文件/静态交付。默认禁止在主标题上方添加 hero eyebrow、kicker、pretitle、badge 或 pill 标签,除非用户明确要求或已确认设计中已有。先在 Browser 插件或内置浏览器中验证,仅在不可用时回退到 Playwright Chromium 并说明原因。交付前必须对已确认概念和最新浏览器截图分别使用 view_image 比对,判断是否达到代理机构签核级保真度,否则继续修复。

适用场景:新前端应用、仪表盘、游戏、创意网站、Hero 区块、重设计、视觉驱动 UI,以及用户明确要求此类构建时。

限制:资料未提供具体收费、价格、平台支持范围或效果保证;部分内容在提供的资料中被截断,设计 token 等细节暂未完整提供。