SuperAPI AI 工具集

frontend-dev

前端与建站

查看项目

更新于 10-16 05:06

技能介绍

用途:为前端开发(尤其 Vue 3 + TypeScript 后台系统)提供统一规范,约束 AI 常见浮夸 UI 风格,统一代码结构、类型安全与错误处理。

主要能力:UI 风格约束,禁止蓝紫霓虹渐变、发光描边、玻璃拟态、大面积渐变、装饰性几何图形、赛博/暗黑科技风及文案 emoji;后台系统默认使用组件库默认主题,配色以黑白灰为主加 1 个主色,动效克制。技术栈首选 Vue 3 + TypeScript + Vite + Vue Router 4 + Pinia + Element Plus,备选 React 18 + TypeScript + Vite + React Router 6 + Zustand + Ant Design。编码规范包括组件命名(PascalCase.vue)、Composables(useXxx.ts)、Store(useXxxStore.ts),必须处理 loading、empty、error、disabled、submitting 状态。TypeScript 规范要求 API 工具函数支持泛型、禁止 as any,通用类型放 @/types/common.ts。性能优化含虚拟滚动、路由懒加载、computed 缓存、shallowRef、请求防抖。样式上禁止 .vue/.tsx 中大段样式(不超 20 行),共享样式抽到 src/assets/styles/ 并按模块拆分。还规定请求体与 UI 字段一一对应、API 错误必须统一提示、网络异常需捕获。

使用方式:按规范组织 src 目录(assets/styles、api、components、composables、router、stores、types、utils、views),编写组件与 store 时遵循上述约定。可参考 references/frontend-style.md、references/miniapp-pitfalls.md、references/date-time.md。

适用场景:Vue 3/React 后台管理系统、uni-app 小程序前端开发。

限制:资料未提供安装命令、收费、价格与平台信息;实际落地效果与工具链支持暂未提供。