القائمة
为 Fantastic-admin 框架生成独立的表单页面，使用 FaForm/FaFormItem + vee-validate + zod 验证，表单 model 使用 ref，全部使用框架内建 Fa* 组件。当用户说：'帮我做一个用户信息填写页'、'我只需要一个提交表单，不需要列表'、'做个设置页面，有几个输入框和保存按钮'、'生成一个注册/编辑/配置表单页'、'只要表单页，不需要增删改查'，即使用户只是说'做个表单页面'也应触发此技能。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
为 Fantastic-admin 框架生成完整的 CRUD 业务模块，遵循框架标准模块结构和内建 Fa* 组件体系，使用 FaForm/FaFormItem 生成新增/编辑表单，产出列表页、详情/编辑页、DetailForm 表单组件、API 模块、fake mock 数据、可选路由。用户说：'帮我做一个商品管理页面'、'搭一个用户列表，能搜索分页新增编辑删除'、'生成订单模块'、'新建 XX 管理模块'、'快速搭一个标准模块/CRUD 页面' 时，即使没有明确说 CRUD，也应触发此技能。
管理和配置 Fantastic-admin 框架设置。当用户提到以下任何需求时必须使用此技能：开启/关闭水印、锁屏、错误日志、更新检查、哀悼模式、移动端访问；切换暗色/亮色/跟随系统主题；修改菜单模式（侧边栏/顶部/精简/面板）；配置标签栏风格（fashion/card/square）；启用/禁用工具栏功能（收藏夹、面包屑、搜索、通知、国际化、全屏、刷新）；设置版权信息；配置认证/权限/登录过期；调整页面切换动画；配置居中布局；修改路由模式；以及任何涉及 src/settings/index.ts 的修改。
优化 Vue 页面，用 Fantastic-admin 框架内建组件（packages/components/）替换自定义实现和原生 HTML。当用户说：'帮我优化这个页面'、'把这些原生 HTML 换成框架组件'、'用 FaCard/FaModal/FaButton 重构一下'、'这个页面太乱了'、'统一一下 UI 风格'、'用内建组件替换自定义弹窗/分页/加载'，即使用户只是说'看看这个页面能不能改进'也应触发此技能。
管理 Vue Router 路由配置，用于 Fantastic-admin 框架。当用户提到以下任何需求时必须使用此技能：新建页面需要加路由、详情页不想显示在菜单里、新增页和编辑页老是开两个标签、从列表跳详情返回后状态丢失、给菜单项加 NEW 标签或红点、路由需要权限控制、配置页面保活、修改路由 meta、添加面包屑配置。即使用户只是说"加个路由"或"新建了一个页面"，也应触发此技能。
为 Fantastic-admin 框架生成 Pinia Store 模块。当用户提到以下任何需求时必须使用此技能：多个页面需要共享数据、全局状态管理、数据需要持久化（刷新后还在）、登录状态/用户信息需要缓存、购物车/通知/权限等全局数据、需要在组件外访问状态。即使用户只是说"这个数据要全局共享"或"刷新后数据不能丢"，也应触发此技能。触发关键词：创建 store、全局状态、状态管理、pinia、持久化、共享数据。
为 Fantastic-admin 框架创建和定制主题配色方案，始终同时生成明色（light）和暗色（dark）两套主题。当用户提到以下任何需求时必须使用此技能：换主题颜色、换配色、做一个 XX 风格的主题、主题太单调了、品牌色是 XXX 帮我生成主题、把 tweakcn 配色转成框架主题、想要暗色/冷色/暖色调、根据设计稿颜色生成主题。即使用户只是描述一种感觉（"清新"、"沉稳"、"科技感"）或提供一个颜色值（"#2563EB"），也应触发此技能。支持"吉卜力"、"赛博朋克"、"莫兰迪"、"北欧极简"等专业设计风格关键词。
| name | fa-form-builder |
| description | 为 Fantastic-admin 框架生成独立的表单页面，使用 FaForm/FaFormItem + vee-validate + zod 验证，表单 model 使用 ref，全部使用框架内建 Fa* 组件。当用户说：'帮我做一个用户信息填写页'、'我只需要一个提交表单，不需要列表'、'做个设置页面，有几个输入框和保存按钮'、'生成一个注册/编辑/配置表单页'、'只要表单页，不需要增删改查'，即使用户只是说'做个表单页面'也应触发此技能。 |
在 Fantastic-admin 框架中生成独立的 Router 表单页面，使用 FaForm/FaFormItem 承接 vee-validate + zod 表单验证。
生成的文件：
apps/<app>/src/views/{path}/{name}/index.vue — 表单页面（含验证、提交骨架、固定操作栏）本项目是 monorepo 架构，apps/ 目录下存放各应用。在执行任何文件读写操作之前，必须先确认目标应用：
ls apps/ 列出所有可用应用严格规则：如果用户没有在请求中明确说明目标应用（例如"在 example 应用中"、"apps/core"），则必须提问，不得自行猜测或默认选择任何应用。
确认后，后续所有文件路径均以该应用目录为根。
向用户询问（可合并为一次提问）：
user、profile、setting）用户信息、个人资料）apps/<app>/src/views/ 下的子目录，如 system、account，留空则直接放在 src/views/ 下）询问用户该表单有哪些字段，每个字段需要：
name、avatar、status）姓名、头像、状态）如果用户没有提供字段信息，使用默认字段 title（标题，string，必填）作为示例占位，并在生成后提示用户替换。
字段较多时单列会导致页面过长，双列更紧凑。根据字段数量和复杂度判断是否询问用户布局偏好：
max-w-600px，grid gap-6（字段少、字段较长时适合）max-w-1200px，grid grid-cols-1 gap-x-8 gap-y-6 items-start md:grid-cols-2（字段多、字段较短时适合）汇总信息，展示将要生成的文件，确认后写入。
生成完成后提示：如需配置路由，请使用 fa-route-generator 技能；如需 API 模块，请使用 fa-crud-page-generator 或手动创建。
给定模块名 name 和路径 path（相对于 apps/<app>/src/views/）：
| 用途 | 规则 | 示例（path=system, name=user） |
|---|---|---|
| 视图目录 | apps/<app>/src/views/{path}/{name}/ | apps/<app>/src/views/system/user/ |
| 组件名 | PascalCase({path}-{name}-form) | SystemUserForm |
详细的代码模板和字段类型映射表见 references/templates.md。
生成代码时替换模板中的占位符：
{cname} → 模块中文名{componentName} → PascalCase 组件名{zodSchema} → zod 字段定义（每个必填字段对应一行 zod 规则）{initialValues} → model 字段初始值（string 默认 ''，boolean 默认 false，number 默认 0，array 默认 []）{formItems} → 各字段对应的 FaFormItem 代码片段{imports} → 必要的额外 import；默认留空，Fa* 组件通常由自动导入处理{maxWidth} → 单列 max-w-600px / 双列 max-w-1200px{gridClass} → 双列时 grid grid-cols-1 gap-x-8 gap-y-6 items-start md:grid-cols-2 / 单列时 grid gap-6生成的代码是骨架：API 调用处用 // TODO: 注释标记，动态数据源（select options、upload action 等）用占位注释标记，用户根据实际接口替换。表单对象必须使用 const model = ref({...})，模板中直接 :model="model"；脚本里读写字段使用 model.value.xxx。操作栏按钮使用 FaButton：取消用 variant="outline"，提交用默认 variant 并传 :loading="loading"。