SuperAPI AI 工具集

coreeb-fullstack

前端与建站

查看项目

更新于 10-15 20:28

技能介绍

用途:这是一份 Next.js(App Router)全栈开发协议,用于约束 AI 代理在指定项目中生成代码的方式,强调简单、可读、可维护优先。

主要能力与规则:前端固定使用 Next.js App Router;架构分四层——路由(src/app/,仅 page.tsx 与 layout.tsx,作为薄容器)、模块(src/modules/,按模块与 CRUD 动作组织 screens/components/hooks/helpers/lib)、全局 UI(src/components/,如 Sidebar、Header)、基础设施(src/lib/,全局 HTTP 客户端与类型)。UI 必须使用 coreeb 组件库(内部已含 Tailwind CSS),创建组件前先查其目录;组件只负责渲染,业务逻辑全部放入专属 hook;所有数据经服务层(lib/api/)获取,禁止在组件或 hook 中直接发 HTTP;类型放在 types/index.ts。包管理只用 pnpm,禁止 npm 与 yarn。

必要用法:安装依赖使用 pnpm add coreeb@latest;next.config.ts 需设置 transpilePackages: ['coreeb'];globals.css 需 @import "coreeb/styles.css";根布局从 coreeb 引入 Toaster。开始写代码前须检查根 package.json,缺少 coreeb、sonner、tw-animate-css、axios 时用 pnpm add 自动安装。

适用场景:按既定目录结构与模块清单(campanas、mi-cuenta、monitoreo-bdd、planner、visual-senalizacion、software-pdv、experiencia-cliente、administracion)开发页面与 CRUD 功能,并保持后端可接入。

限制:不得新增或重命名目录、不得引入未使用的设计模式、不得修改请求范围外的模块、不得安装未授权依赖、代码不得写注释且标识符须用英文;默认尺寸为 Input/Select 用 sm、Button 用 small、Icons 用 xs。资料未提供该技能的收费、平台支持范围与效果数据。