菜单
基于内嵌规则 的 Nuxt 页面规范。用于新增 CRUD 列表页/详情页与主题对齐。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
生成功能使用指导文档（人性化、可执行、与代码实现对齐）。强制包含背景、流程图、泳道图、模块关系、页面/接口步骤、前后置依赖、验证与排障。
自动检查 contracts/capabilities 与 plugin.yaml/catalog（plugin.d）的同步对齐，适用于功能迭代后快速发现路由、RBAC、清单漂移问题。
FastAPI 后端配置加载规范（与 Gin 对齐）
FastAPI 后端入口技能，按需路由到配置与数据库/同步规范子技能。
Gin 后端配置加载规范
Gin 后端入口技能，按需路由到配置规范子技能。
| name | nuxt-pages |
| description | 基于内嵌规则 的 Nuxt 页面规范。用于新增 CRUD 列表页/详情页与主题对齐。 |
本文件内嵌规则。web-admin/app/pages/** 生成或更新页面。kind: ruleset
name: plugin/crud/frontend/nuxt_pages
version: 1
pages:
resource: template
files:
- target: web-admin/app/pages/templates/index.vue
template: builtin/nuxt_page_table
params:
title: "Templates"
columns: ["name","description","updated_at"]
actions: ["create","edit","delete","view"]
- target: web-admin/app/pages/templates/[id].vue
template: builtin/nuxt_page_detail
params:
title: "Template Detail"
theme:
description: |
浅色模式：使用浅色面板（如 `bg-white/95`）+ 深色前景（不超过 `text-gray-900`），禁止在浅色面板上放白色文字或图标。
深色模式：完全对齐模板 CRUD 组件，面板使用深海军蓝 (`#0f192a`~`#111a2b`) 并辅以低饱和边框；标题 `#fdfcff`，正文/描述 `#d6e2ff` 附近，不得出现深灰文字。
图标/按钮：所有状态图标（参考租户配置左侧纵向卡片）在浅色模式用 `text-primary-600`；暗色模式需改为高亮浅色（`#fdfcff` 或 `#93c5fd`），不可保留灰黑图标。
页面开发必须参照模板 CRUD 组件的色阶搭配（面板、按钮、表格 hover 状态等），保证在明暗主题下对比度一致。
gates.require: [PG-FE-UI-001, PG-FE-RBAC-001]