Agent skill

Jeecg Uniapp Codegen

Apache-2.0Auto-check passedDevelopment

Install Jeecg Uniapp Codegen

skills CLI

$ npx skills add jeecgboot/skills --skill jeecg-uniapp-codegen -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install jeecgboot/skills jeecg-uniapp-codegen --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/jeecgboot/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/jeecg-codegen/uniapp .claude/skills/jeecg-uniapp-codegen && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "jeecg-uniapp-codegen" agent skill from https://github.com/jeecgboot/skills/tree/main/jeecg-codegen/uniapp into .claude/skills/jeecg-uniapp-codegen/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "jeecg-uniapp-codegen", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/jeecgboot/skills/tree/main/jeecg-codegen/uniapp

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add jeecgboot/skills --skill jeecg-uniapp-codegen -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install jeecgboot/skills jeecg-uniapp-codegen --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jeecgboot/skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/jeecg-codegen/uniapp .agents/skills/jeecg-uniapp-codegen && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "jeecg-uniapp-codegen" agent skill from https://github.com/jeecgboot/skills/tree/main/jeecg-codegen/uniapp into .agents/skills/jeecg-uniapp-codegen/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "jeecg-uniapp-codegen", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add jeecgboot/skills --skill jeecg-uniapp-codegen -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install jeecgboot/skills jeecg-uniapp-codegen --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jeecgboot/skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/jeecg-codegen/uniapp .cursor/skills/jeecg-uniapp-codegen && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "jeecg-uniapp-codegen" agent skill from https://github.com/jeecgboot/skills/tree/main/jeecg-codegen/uniapp into .cursor/skills/jeecg-uniapp-codegen/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "jeecg-uniapp-codegen", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/jeecgboot/skills.git --path jeecg-codegen/uniapp

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add jeecgboot/skills --skill jeecg-uniapp-codegen -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install jeecgboot/skills jeecg-uniapp-codegen --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jeecgboot/skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/jeecg-codegen/uniapp .gemini/skills/jeecg-uniapp-codegen && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "jeecg-uniapp-codegen" agent skill from https://github.com/jeecgboot/skills/tree/main/jeecg-codegen/uniapp into .gemini/skills/jeecg-uniapp-codegen/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "jeecg-uniapp-codegen", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install jeecgboot/skills jeecg-uniapp-codegen

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add jeecgboot/skills --skill jeecg-uniapp-codegen -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/jeecgboot/skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/jeecg-codegen/uniapp .github/skills/jeecg-uniapp-codegen && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "jeecg-uniapp-codegen" agent skill from https://github.com/jeecgboot/skills/tree/main/jeecg-codegen/uniapp into .github/skills/jeecg-uniapp-codegen/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "jeecg-uniapp-codegen", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add jeecgboot/skills --skill jeecg-uniapp-codegen -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install jeecgboot/skills jeecg-uniapp-codegen --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jeecgboot/skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/jeecg-codegen/uniapp .opencode/skills/jeecg-uniapp-codegen && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "jeecg-uniapp-codegen" agent skill from https://github.com/jeecgboot/skills/tree/main/jeecg-codegen/uniapp into .opencode/skills/jeecg-uniapp-codegen/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "jeecg-uniapp-codegen", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: jeecg-uniapp-codegen
GitHub stars: 239
Token cost: ~2.7k tokens
SKILL.md length: 563 words
Files: 4 (incl. references)
Skills in repo: 13
Repo updated: Sep 17, 2026
First seen: Oct 7, 2026
Licence: Apache-2.0

At a glance

Works in 10 steps: 确认项目路径 → 判断生成场景 → 确认生成信息 → …
User asks to generate UniApp3/mobile/APP CRUD pages
SKILL.md covers 前置知识, 交互流程, 字段控件类型推导规则 and 字段校验规则推导, plus 7 more sections
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Jeecg Uniapp Codegen is an agent skill from jeecgboot/skills. JeecgBoot UniApp3 移动端 CRUD 代码生成器。Use when user asks to generate UniApp3/mobile/APP CRUD pages, create mobile list/form pages, or says '生成移动端代码', '生成APP页面', 'uniapp代码生成', '移动端CRUD', '生成uniapp页面', '手机端页面', '移动端模块', 'generate uniapp code', 'mobile CRUD', 'uniapp page', 'APP端代码', '生成小程序页面', '生成H5页面'. Also triggers when user mentions generating mobile pages for an existing backend module, or wants to add mobile support to JeecgBoot modules. Even if user just says '给XX模块加个移动端页面' or '做个手机端的XX功能', this skill should…

Its SKILL.md is about 2.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `references/code-templates.md`, `references/component-patterns.md` and `references/project-architecture.md`).

It sits in Development, covering Project scaffolding. It works with Vue.js. The repository describes itself as: JeecgBoot Skills — AI 驱动 · 一句话生成全套工件! 在 Claude Code 中，用一句话生成代码 · 表单 · 流程 · 报表 · 图表 · 大屏 · 仪表盘。覆盖 JeecgBoot 低代码平台与 JimuReport 积木报表两大产品的企业级开发全场景。 The licence is Apache-2.0.

When your agent uses it

User asks to generate UniApp3/mobile/APP CRUD pages
Create mobile list/form pages
Generate uniapp code
User mentions generating mobile pages for an existing backend module

Example prompts

“生成移动端代码”
“生成APP页面”
“uniapp代码生成”
“/jeecg-uniapp-codegen”

Workflow steps

10 steps, taken from the step headings in SKILL.md.

确认项目路径
判断生成场景
确认生成信息
生成代码文件
注册页面路由
输出生成摘要
列表页（{EntityName}List.vue）规范
表单页（{EntityName}Form.vue）规范
数据定义（{EntityName}Data.ts）规范
页面路由注册

What it can do on your machine

Read from SKILL.md and the folder at commit 12760b9. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are typescript, vue and json).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Jeecg Uniapp Codegen loads about 2.7k tokens when it runs, and up to ~12k if it reads all its reference files. Until then it costs about 136 tokens; SKILL.md has 563 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~136
When it runs · the whole SKILL.md, loaded when a task matches: ~2.7k
With references · SKILL.md plus every file in references/, read only if the agent opens them: ~12k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from jeecgboot/skills at commit 12760b9, republished under its Apache-2.0 licence (© jeecgboot). 563 words, ~2,658 tokens.

Download SKILL.mdSave it as .claude/skills/jeecg-uniapp-codegen/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.

name: jeecg-uniapp-codegen
description: JeecgBoot UniApp3 移动端 CRUD 代码生成器。Use when user asks to generate UniApp3/mobile/APP CRUD pages, create mobile list/form pages, or says '生成移动端代码', '生成APP页面', 'uniapp代码生成', '移动端CRUD', '生成uniapp页面', '手机端页面', '移动端模块', 'generate uniapp code', 'mobile CRUD', 'uniapp page', 'APP端代码', '生成小程序页面', '生成H5页面'. Also triggers when user mentions generating mobile pages for an existing backend module, or wants to add mobile support to JeecgBoot modules. Even if user just says '给XX模块加个移动端页面' or '做个手机端的XX功能', this skill should trigger.

JeecgBoot UniApp3 移动端 CRUD 代码生成器

将自然语言需求或已有后端接口信息转换为 JeecgBoot UniApp3 移动端全套 CRUD 代码（列表页 + 表单页 + 数据定义），支持单表 CRUD、一对多主子表、树表等场景。

项目路径： <uniapp_project_root>（动态，使用前需向用户确认，见 Step 0） 后端模板参考： <uniapp_project_root> 同级目录下的后端项目（如有）

前置知识

生成代码前必须理解以下项目核心约定，具体细节见 references/ 目录下的参考文件：

参考文件	内容
`references/project-architecture.md`	项目结构、目录约定、页面注册机制
`references/component-patterns.md`	组件库用法、表单控件映射、在线组件清单
`references/code-templates.md`	三个核心前端文件的完整模板和变量说明

交互流程

Step 0: 确认项目路径

在执行任何操作之前，必须先询问用户以下信息（一次性展示，用户说"确认"使用默认值）：

配置项	默认值	说明
UniApp3 项目根目录	—（必填）	如 `D:\projects\jeecgboot-uniapp3`

用户回复后，记为：

<uniapp_project_root> — 前端项目根目录

路径记忆规则： 同一对话中用户提供一次后，后续步骤直接复用，不再重复询问。

Step 1: 判断生成场景

场景 A — 已有后端接口（用户给了表名/实体名/接口路径）：

向用户确认后端 API 路径前缀（如 /test/demo）
从用户信息中提取：实体名（如 Demo）、包路径（如 test）、字段列表
如果用户能提供后端 Entity 类，从中解析全部字段及类型
根据字段类型自动推导前端控件
只生成前端代码

场景 B — 从需求描述生成前端：

从用户描述中提取：模块名、功能描述、字段列表
用"智能控件推导"规则推导每个字段的 classType
只生成前端 3 个文件（List.vue / Form.vue / Data.ts）

Step 2: 确认生成信息

一次性展示所有选项及默认值，用户说"确认"即可全部采用：

配置项	默认值	说明
实体名	从需求推导（PascalCase）	如 `BizGoods`
功能描述	从需求推导	导航栏标题，如 "商品管理"
页面目录	`<uniapp_project_root>/src/pages-home/{模块名}/`	生成文件的存放目录
API路径前缀	`/{模块包路径}/{实体名首字母小写}`	如 `/biz/bizGoods`
列表展示字段	前3个非id非系统字段	列表卡片上显示的字段

Step 3: 生成代码文件

前端文件

每个单表 CRUD 模块生成 3 个文件，路径基于 <uniapp_project_root>：

<uniapp_project_root>/src/pages-home/{模块名}/
  ├── {EntityName}List.vue    # 列表页（分页 + 滑动删除 + 新增入口）
  ├── {EntityName}Form.vue    # 表单页（新增/编辑 + 表单校验 + 提交）
  └── {EntityName}Data.ts     # 列表字段列定义

Step 4: 注册页面路由

在 <uniapp_project_root>/src/pages.json 的 subPackages 中注册新页面（如果目标目录已是 subPackage 则追加 pages，否则新增 subPackage）。

Step 5: 输出生成摘要

展示生成的文件清单、页面路由配置、后续操作说明。

字段控件类型推导规则

根据字段信息推导 classType（决定表单使用哪个组件）：

字段特征	classType	表单组件
名称含"图片/头像/照片/logo"	`image`	`<online-image>`
名称含"文件/附件/简历"	`file`	`<online-file-custom>`
名称含"日期" 且无"时间"	`date`	`<online-date>`
名称含"时间" 或 "datetime"	`datetime`	`<DateTime>`
名称含"开关/启用/是否"	`switch`	`<wd-switch>`
有字典值（枚举选项 <= 5个）	`radio`	`<online-radio>`
有字典值（枚举选项 > 5个）	`list`	`<online-select>`
名称含"多选" 或需多选字典	`checkbox`	`<online-checkbox>`
名称含"备注/描述/内容/简介"	`textarea`	`<wd-textarea>`
名称含"密码"	`password`	`<wd-input show-password>`
名称含"省市区/地址"	`pca`	`<online-pca>`
名称含"部门"	`sel_depart`	`<SelectDept>`
名称含"用户/人员/负责人"	`sel_user`	`<SelectUser>`
名称含"分类" 且有树结构	`cat_tree`	`<CategorySelect>`
DB类型为 int/long/double/BigDecimal	数字输入	`<wd-input inputMode="numeric">`
默认（字符串类型）	文本输入	`<wd-input>`

字段校验规则推导

场景	校验规则
必填字段（nullable=N）	`{ required: true, message: '请输入${comment}!' }`
手机号	`{ pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号码!' }`
邮箱	`{ pattern: /^([\w]+\.*)([\w]+)@[\w]+\.\w{3}(\.\w{2}\|)$/, message: '请输入正确的电子邮件!' }`
网址	`{ pattern: /^((ht\|f)tps?):\/\/.../, message: '请输入正确的网址!' }`
数字	`{ pattern: /^-?\d+\.?\d*$/, message: '请输入数字!' }`
整数	`{ pattern: /^-?\d+$/, message: '请输入整数!' }`
金额	`{ pattern: /^(([1-9][0-9])\|([0]\.\d{0,2}\|[1-9][0-9]\.\d{0,2}))$/, message: '请输入正确的金额!' }`

生成代码的核心规范

1. 列表页（{EntityName}List.vue）规范

关键特征：
- 使用 <route> 标签声明页面路由信息（layout、style、navigationBarTitleText）
- 使用 <PageLayout> 包裹，设置 navTitle 和 backRouteName
- 使用 z-paging 实现分页加载
- 使用 wd-swipe-action 实现左滑删除
- 使用 usePageList hook 管理列表数据加载
- 引入 {EntityName}Data.ts 的 columns 定义
- 列表卡片默认展示前3个字段
- 固定定位的"+"按钮用于新增
- uni.$on('refreshList') 监听表单提交后的列表刷新

详细模板见 references/code-templates.md 的"列表页模板"章节。

2. 表单页（{EntityName}Form.vue）规范

关键特征：
- 使用 <route> 标签声明页面路由信息
- 使用 <PageLayout> 包裹，navTitle 动态切换"新增/编辑"
- 使用 wd-form + wd-cell-group 组织表单
- 通过 onLoad 获取 route params 中的 dataId 判断新增/编辑
- 编辑时调用 queryById 接口加载数据
- 表单数据用 reactive({}) 定义
- 提交时先 form.validate()，再根据 dataId 调用 add 或 edit 接口
- 提交成功后 uni.$emit('refreshList') 通知列表刷新，然后 router.back()
- 根据字段 classType 渲染对应组件（见组件映射表）
- 支持唯一性校验（调用 duplicateCheck API）
- label 超过4个字符时自动截断（get4Label）

详细模板见 references/code-templates.md 的"表单页模板"章节。

3. 数据定义（{EntityName}Data.ts）规范

关键特征：
- 导出 columns 数组，定义列表显示的字段
- 每个字段包含 title（显示名）和 dataIndex（字段名）
- 字典类型字段的 dataIndex 使用 `${fieldName}_dictText` 后缀
- 图片类型字段添加 customRender: render.renderImage
- 开关类型字段添加 customRender 渲染是/否文本
- Blob 类型字段的 dataIndex 使用 `${fieldName}String` 后缀

详细模板见 references/code-templates.md 的"数据定义模板"章节。

4. 页面路由注册

生成的页面需要在 src/pages.json 的 subPackages 中注册。使用 <route> 标签方式（uni-pages 插件自动解析），或手动在 pages.json 中添加。

<route> 标签格式（推荐，写在 .vue 文件顶部）：

vue

<route lang="json5" type="page">
{
  layout: 'default',
  style: {
    navigationBarTitleText: '功能标题',
    navigationStyle: 'custom',
  },
}
</route>

如果目标目录不在已有 subPackages 中，需要手动在 pages.json 添加：

json

{
  "root": "pages-home",
  "pages": [
    {
      "path": "模块目录/EntityNameList",
      "type": "page",
      "layout": "default",
      "style": {
        "navigationBarTitleText": "功能标题",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "模块目录/EntityNameForm",
      "type": "page",
      "layout": "default",
      "style": {
        "navigationBarTitleText": "功能标题",
        "navigationStyle": "custom"
      }
    }
  ]
}

API 约定

JeecgBoot 后端标准 CRUD 接口路径：

操作	方法	路径
分页列表	GET	`/{packagePath}/{entityName}/list`
查询单条	GET	`/{packagePath}/{entityName}/queryById?id=xxx`
新增	POST	`/{packagePath}/{entityName}/add`
编辑	POST	`/{packagePath}/{entityName}/edit`
删除	DELETE	`/{packagePath}/{entityName}/delete?id=xxx`
唯一性校验	GET	`/sys/duplicate/check`

HTTP 工具使用 @/utils/http 的 http 对象，支持 http.get() / http.post() / http.delete() / http.put() 方法。

导入约定

列表页必须导入

typescript

import { ref, onMounted, computed } from 'vue'
import { http } from '@/utils/http'
import usePageList from '@/hooks/usePageList'
import { columns } from './{EntityName}Data'

表单页必须导入

typescript

import { onLoad } from '@dcloudio/uni-app'
import { http } from '@/utils/http'
import { useToast } from 'wot-design-uni'
import { useRouter } from '@/plugin/uni-mini-router'
import { ref, onMounted, computed, reactive } from 'vue'
import { duplicateCheck } from '@/service/api'

Show full SKILL.md (249 more words)Show less

根据字段 classType 按需导入的组件

classType	导入语句
`image`	`import OnlineImage from '@/components/online/view/online-image.vue'`
`file`	`import OnlineFileCustom from '@/components/online/view/online-file-custom.vue'`
`datetime` / `time`	`<DateTime>` 组件（easycom 自动注册，位于 `@/components/DateTime/DateTime.vue`）
`date`	`import OnlineDate from '@/components/online/view/online-date.vue'`
`list` / `sel_search`	`import OnlineSelect from '@/components/online/view/online-select.vue'`
`checkbox`	`import OnlineCheckbox from '@/components/online/view/online-checkbox.vue'`
`radio`	`import OnlineRadio from '@/components/online/view/online-radio.vue'`
`list_multi`	`import OnlineMulti from '@/components/online/view/online-multi.vue'`
`textarea`	无需导入（使用 wot-design-uni 的 `<wd-textarea>`，easycom 自动注册）
`password`	无需导入（使用 `<wd-input show-password>`，easycom 自动注册）
`pca`	`import OnlinePca from '@/components/online/view/online-pca.vue'`
`sel_depart`	`import SelectDept from '@/components/SelectDept/SelectDept.vue'`
`sel_user`	`import SelectUser from '@/components/SelectUser/SelectUser.vue'`
`popup_dict`	`<PopupDict>` 组件（easycom 自动注册，位于 `@/components/PopupDict/PopupDict.vue`）
`popup`	`<Popup>` 组件（easycom 自动注册，位于 `@/components/Popup/Popup.vue`）
`link_table`	`import OnlinePopupLinkRecord from '@/components/online/view/online-popup-link-record.vue'`
`cat_tree`	`<CategorySelect>` 组件（easycom 自动注册，位于 `@/components/CategorySelect/CategorySelect.vue`）
`sel_tree`	`<TreeSelect>` 组件（easycom 自动注册，位于 `@/components/TreeSelect/TreeSelect.vue`）
`switch`	无需导入（使用 `<wd-switch>`，easycom 自动注册）

easycom 说明： 位于 src/components/ 下且目录名与组件名一致的组件会被 easycom 自动注册，无需手动 import。 wd-* 前缀的组件由 wot-design-uni 提供，也通过 easycom 自动注册。 online-* 前缀的组件位于 src/components/online/view/，不符合 easycom 规则，必须手动 import。

一对多（主子表）场景

当前后端代码生成模板仅有单表模板，一对多场景需手动编写。核心模式：

列表页：与单表列表页相同，展示主表数据
表单页：在主表表单下方增加 Tab 切换子表，每个子表用独立的列表+新增/编辑弹窗
子表数据：使用主表 ID 作为外键查询，新增时传入主表 ID

这是高级场景，参考 references/advanced-patterns.md（如需要时创建）。

树表场景

当前后端代码生成模板无树表 uniapp3 模板。树表移动端通常采用：

使用 <TreeSelect> 组件展示树形数据
列表页改为树形选择 + 子节点列表的组合
表单页增加"上级节点"选择器

这是高级场景，参考 references/advanced-patterns.md（如需要时创建）。

⛔ 表单属性铁律（高频翻车点）

wd-input / wd-textarea 等表单组件的 name 和 prop 属性值必须直接写字段名，禁止用单引号包裹。
vue

<wd-input name="productName" prop="productName" ... />


<wd-input name="'productName'" prop="'productName'" ... />
Why： wot-design-uni 的 wd-form 校验时用 name/prop 的字面值去匹配 :rules 中的规则和 myFormData 的键。若写成 name="'productName'"，传入的是带单引号的字符串字面量 'productName'，而不是 productName，导致校验规则永远匹配不上，表单即使有值也提示必填错误。

How to apply： 生成每一个表单字段时，name= 和 prop= 后面的双引号内只写驼峰字段名本身，不加任何额外引号或花括号。

生成检查清单

生成代码后自查：

所有 .vue 文件顶部有 <route> 标签
defineOptions 中的 name 与文件名一致
列表页的 usePageList 参数路径正确（与后端 API 匹配）
表单页的 backRouteName 指向列表页名称
列表页的 handleAdd 跳转到 {EntityName}Form
表单页的 add/edit/queryById API 路径正确
字典类型字段传入了正确的 dict 属性值
必填字段设置了 :required="true" 和 rules
表单页导入了所有用到的 online 组件
{EntityName}Data.ts 中字典字段的 dataIndex 使用了 _dictText 后缀
pages.json 中已注册新页面（或 <route> 标签能被 uni-pages 插件识别）
⛔ 所有 name= 和 prop= 均为裸字段名，无多余单引号（如 name="fieldName"，而非 name="'fieldName'"）

Files

SKILL.md and 3 other files (references) in jeecg-codegen/uniapp of jeecgboot/skills.

SKILL.md
references/code-templates.md
references/component-patterns.md
references/project-architecture.md

Open the folder on GitHubat commit 12760b9

Compare with similar skills

Jeecg Uniapp Codegen next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Jeecg Uniapp Codegen compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Jeecg Uniapp Codegen this skilljeecgboot/skills	239	—	~2.7k	Automated safety check: Pass	Apache-2.0	21 days ago
Mock CodegenChenyCHENYU/Robot_Admin	1k	—	~1.2k	Automated safety check: Pass	MIT	today
Page CodegenChenyCHENYU/Robot_Admin	1k	—	~3.5k	Automated safety check: Pass	MIT	today
Add Componentindielayer/ui	222	—	~293	Automated safety check: Pass	MIT	yesterday
Cabloy Frontend Scaffoldcabloy/cabloy	982	—	~4.1k	Automated safety check: Pass	MIT	today
Fe Tools Template RecommenderMichealWayne/fe-tools	207	—	~1k	Automated safety check: Pass	None	1 mo ago

Similar skills

Mock Codegen
ChenyCHENYU/Robot_Admin
A skill your agent uses when: generating mock data for development without a backend.
1k GitHub stars~1.2k tokensUpdated today
DevelopmentAuto-check passed
Page Codegen
ChenyCHENYU/Robot_Admin
A skill your agent uses when: generating Vue 3 page code from either a page-spec JSON or a natural language description.
1k GitHub stars~3.5k tokensUpdated today
DevelopmentAuto-check passed
Add Component
indielayer/ui
Add a new Vue component to @indielayer/ui with themes, tests, docs, and registry exports.
222 GitHub stars~293 tokensUpdated yesterday
DevelopmentAuto-check passed
Cabloy Frontend Scaffold
cabloy/cabloy
A skill your agent uses whenever the user wants the Zova frontend path in this Cabloy repo: create or extend pages, components, api or model beans, route/query/params work, metadata refresh…
982 GitHub stars~4.1k tokensUpdated today
DevelopmentAuto-check passed
Fe Tools Template Recommender
MichealWayne/fe-tools
Recommend the most suitable project template or initialization path from fe-tools project-templates based on product, framework, runtime, and delivery constraints.
207 GitHub stars~1k tokensUpdated 1 mo ago
DevelopmentAuto-check passed
MoviePilot Plugin Developer
jxxghp/MoviePilot
Builds, fixes and validates MoviePilot local plugins for V3 and V2 hosts: metadata files, source layout, Vue and Vuetify pages, commands, services and local reload.
12k GitHub stars~6.4k tokensUpdated today
DevelopmentAuto-check passed

Questions about Jeecg Uniapp Codegen

What does Jeecg Uniapp Codegen do?

JeecgBoot UniApp3 移动端 CRUD 代码生成器。Use when user asks to generate UniApp3/mobile/APP CRUD pages, create mobile list/form pages, or says '生成移动端代码', '生成APP页面', 'uniapp代码生成', '移动端CRUD', '生成uniapp页面'…. Jeecg Uniapp Codegen is an agent skill from jeecgboot/skills. JeecgBoot UniApp3 移动端 CRUD 代码生成器。Use when user asks to generate UniApp3/mobile/APP CRUD pages, create mobile list/form pages, or says '生成移动端代码', '生成APP页面', 'uniapp代码生成', '移动端CRUD', '生成uniapp页面', '手机端页面', '移动端模块', 'generate uniapp code', 'mobile CRUD', 'uniapp page', 'APP端代码', '生成小程序页面', '生成H5页面'.

When should I use Jeecg Uniapp Codegen?

Jeecg Uniapp Codegen fits situations like: user asks to generate UniApp3/mobile/APP CRUD pages; create mobile list/form pages; generate uniapp code; user mentions generating mobile pages for an existing backend module.

How do I install Jeecg Uniapp Codegen in Claude Code?

Run `npx skills add jeecgboot/skills --skill jeecg-uniapp-codegen -a claude-code`. Or copy the skill folder (jeecg-codegen/uniapp in jeecgboot/skills) into .claude/skills/jeecg-uniapp-codegen in your project. Claude Code loads it when a task matches its description.

How do I install Jeecg Uniapp Codegen in Codex?

Run `npx skills add jeecgboot/skills --skill jeecg-uniapp-codegen -a codex`. Or copy the skill folder (jeecg-codegen/uniapp in jeecgboot/skills) into .agents/skills/jeecg-uniapp-codegen in your project. Codex loads it when a task matches its description.

Can I use Jeecg Uniapp Codegen in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jeecgboot/skills --skill jeecg-uniapp-codegen -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/jeecg-uniapp-codegen, .gemini/skills/jeecg-uniapp-codegen, .github/skills/jeecg-uniapp-codegen and .opencode/skills/jeecg-uniapp-codegen in your project.

What does Jeecg Uniapp Codegen need to run?

SKILL.md names no scripts, command-line tools or credentials: Jeecg Uniapp Codegen is instructions for the agent only.

Does Jeecg Uniapp Codegen access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Jeecg Uniapp Codegen safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Jeecg Uniapp Codegen use?

Jeecg Uniapp Codegen is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Jeecg Uniapp Codegen use?

About 2.7k tokens (SKILL.md is roughly 11k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 8.9k tokens, read only when the agent opens those files.

What are the alternatives to Jeecg Uniapp Codegen?

Skills that share tags, products or a category with Jeecg Uniapp Codegen: Mock Codegen (ChenyCHENYU/Robot_Admin, 1k stars), Page Codegen (ChenyCHENYU/Robot_Admin, 1k stars), Add Component (indielayer/ui, 222 stars) and Cabloy Frontend Scaffold (cabloy/cabloy, 982 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Jeecg Uniapp Codegen?

jeecgboot (a GitHub organization) maintains it in jeecgboot/skills, which has 239 GitHub stars. The repository holds 13 skills in this directory. The repository was last updated on September 17, 2026.

Source: jeecgboot/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Jeecg Uniapp Codegen

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

JeecgBoot UniApp3 移动端 CRUD 代码生成器

前置知识

交互流程

Step 0: 确认项目路径

Step 1: 判断生成场景

Step 2: 确认生成信息

Step 3: 生成代码文件

前端文件

Step 4: 注册页面路由

Step 5: 输出生成摘要

字段控件类型推导规则

字段校验规则推导

生成代码的核心规范

1. 列表页（{EntityName}List.vue）规范

2. 表单页（{EntityName}Form.vue）规范

3. 数据定义（{EntityName}Data.ts）规范

4. 页面路由注册

API 约定

导入约定

列表页必须导入

表单页必须导入

根据字段 classType 按需导入的组件

一对多（主子表）场景

树表场景

⛔ 表单属性铁律（高频翻车点）

生成检查清单

Files

Compare with similar skills

Similar skills

More from jeecgboot/skills

Related

Questions about Jeecg Uniapp Codegen