devfive-frontend - DevFive Next.js 前端编码规范
为使用 Next.js App Router 和 devup-ui 的 DevFive 前端项目提供编码规范与架构模式。
标签
更新于: 2026-10-04能力
典型输入
典型输出
该技能可以做什么
- 识别 Next App Router 项目
- 应用 DevFive 项目结构
- 应用 devup-ui 样式规范
- 组织组件文件
- 放置单色 SVG 图标
- 优先使用服务端组件
- 配置全局重置样式
输入
- 前端项目源代码
- package.json
- vite.config.ts
- 组件需求
输出
- 前端代码变更
- 整理后的组件文件
- devup-ui 样式变更
- SVG 图标资源
要求
- Next.js App Router 16+ 或 vinext
- React 19+
- 先加载 devup-ui 技能
- bun 包管理器