SuperAPI AI 工具集

frontend-design

前端与建站

查看项目

更新于 10-16 07:56

技能介绍

用途:在创建或大幅重设计网页界面时使用,包括落地页、仪表盘、组件及其他需要视觉方向的前端UI。核心目标是用清晰、贴合具体主题的视角做出可用前端,并在真实渲染的界面中验证。

主要能力:为评审、审查或设计计划提供方向性报告而不改文件;为构建或重设计执行限定范围的改动并做本地非破坏性验证;建立统一的艺术方向(论点、设计系统、签名元素、风险、动效与文案);执行反默认批评,用主题替换测试剔除模板化选择;随后实际构建体验并渲染检查。

使用方式:先读取产品——检查受影响路由或组件、邻近UI、令牌、字体、资源、依赖与仓库校验命令,明确主题与受众、页面单一主任务与内容层级、既有视觉语言、所需视口主题状态与无障碍约束。再设定一个艺术方向,然后编码。渲染后运行仓库要求的检查,并用chromium-browser技能或主机DevTools/浏览器工具做渲染验证;有DevTools浏览器工具时不要退回Computer Use或临时Playwright脚本。完成时报告一句话方向、执行过的检查与视口及遗留限制。

适用场景:落地页、仪表盘、组件等界面新建或重设计,以及设计评审与方向规划。

限制:保留技术栈与现有行为,不替换框架或设计系统、不新增依赖、不编造功能,除非请求要求;不得仅凭源码检查就声称已做视觉验证;无法渲染时须说明限制;环境不支持渲染时不冒充已完成视觉核查。缺失的主题、受众或页面任务只做最小合理假设并在构建前说明。