SuperAPI AI 工具集

vue-creater

前端与建站

查看项目

更新于 10-15 22:12

技能介绍

用途:vue-creater 用于脚手架式生成高保真 Vue 3 应用,支持设计驱动(DSL 与 Tokens)工作流,适合快速搭建前端项目。

主要能力:提供三种项目类型。默认模板基于 Vue 3(Script Setup)+ TypeScript + Vite 8.0.0,样式使用 Tailwind CSS 4 与 shadcn-vue(基于 Radix-vue),状态与逻辑使用 Pinia、Vue Router、TanStack Query,并安装 Zod 与 VueUse,生成 lib/utils.ts、composables/useApi.ts 等工具文件。Nuxt 管理后台模板从 zip 解压预配置的 Nuxt 3 后台结构。Electron 模板生成 Electron + Vue + Vite 项目。

使用方式:先选择项目类型。默认模板执行 python3 $SKILL_DIR/scripts/shadcn_vue_init.py [project-name],随后通过 get_dsl 获取设计数据、get_token 应用设计令牌,最后运行 cd "$PROJECT_ROOT" && bun run dev。Nuxt 后台执行 python3 $SKILL_DIR/scripts/setup_nuxt_dashboard.py [project-name],完成后运行 cd $PROJECT_ROOT && bun run dev。Electron 执行 python3 $SKILL_DIR/scripts/electron_vue_init.py [project-name],再同步 DSL。设计来源可选自定义 DSL、读取 .env 中 TOKEN_URL_LIGHT,或使用默认主题。

限制:需维护 $SKILL_DIR、$PROJECT_ROOT、$DSL_PATH 等会话上下文;使用 bun 作为包管理器;选择 Nuxt 后台后跳过其余步骤;具体收费、平台与效果资料暂未提供。