SuperAPI AI 工具集

redesign-existing-projects-v2

前端与建站

查看项目

更新于 10-15 21:10

技能介绍

用途:当用户要求重设计、换风格、现代化或打磨现有网站/应用界面时使用;也适用于审计前端代码并做针对性视觉改进,而不改变产品架构。适合界面显得通用、像 AI 生成、间距差、视觉扁平,或缺少响应式、交互、加载、空、错误状态的情况。

主要能力:按“扫描—诊断—修复”流程工作。扫描代码库,识别框架、样式方案(Tailwind、原生 CSS、styled-components 等)与现有设计模式;诊断通用模式、薄弱点和缺失状态;在现有技术栈内做针对性升级,不从头重写。审计覆盖排版、颜色与表面、布局、交互与状态。

使用方式:先确认用户目标与范围,阅读概览与来源文件,再只加载会实质影响结果的参考、示例或脚本;执行上游工作流并保持来源边界清晰;按上游预期验证结果;任务偏离时移交相关技能;合并或关闭前记录所用内容、改动与待验证项。

限制:不授权框架迁移、信息架构重写或产品范围扩张。需保留可用行为、路由、数据流、无障碍语义与测试。改动后须在真实应用、受支持浏览器与视口尺寸下验证。使用现有技术栈,不迁移框架或样式库;导入新库前先查依赖文件;用 Tailwind 时先确认 v3 还是 v4;无框架则用原生 CSS。保持改动可审查、聚焦,小步改进优于大重写。

其他:具体参考、示例、脚本、代理与资产路径暂未提供。