원클릭으로 Manus에서 모든 스킬 실행

시작하기

nuxt-pages

스타349

포크64

업데이트2026년 3월 25일 07:16

PowerX Nuxt CRUD 页面与主题规范。

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

ArtisanCloud

ArtisanCloud/PowerX

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

PowerX Nuxt Pages

步骤

打开 本文件内嵌规则。
按规则执行实现/校对。
完成后按核对清单验收。

核对点

与 PowerX 当前代码结构、路径与命名一致。
仅在传输层/契约层做职责内改动，不跨层越界。

规则（内嵌）

nuxt_pages.yaml

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]

이 저장소의 다른 Skills

같은 저장소

api-naming

ArtisanCloud/PowerX

PowerX API 命名与访问规范（/api/v1、/admin、/internal 边界）。

2026-07-12349

capability-governance

ArtisanCloud/PowerX

PowerX 底座 Capability 治理与发布准入规则。用于审计 REST/OpenAPI/gRPC/Gin 生成的能力候选、正式 platform_capabilities 目录、Capability Registry 登记、agent_usable/permission_code/risk_level 元数据、ignore 清单和缺失能力；当用户要求“重新识别能力”“能力是否能发布”“补齐能力登记”“检查 capability-gen/audit/check”“底座接口暴露给插件/agent”时使用。

2026-07-12349

sts

ArtisanCloud/PowerX

PowerX STS 与插件鉴权规范（Exchange、KeyRing、拦截器、审计）。

2026-07-12349

crud-api-rest

ArtisanCloud/PowerX

PowerX REST 契约规则（资源命名、分页、错误、版本化）。

2026-03-25349

crud-di

ArtisanCloud/PowerX

PowerX CRUD 依赖注入规则（Deps 单入口、构造注入、跨传输复用）。

2026-03-25349

crud-dto

ArtisanCloud/PowerX

PowerX CRUD DTO 规则（输入输出分离、分页、校验）。

2026-03-25349

name	nuxt-pages
description	PowerX Nuxt CRUD 页面与主题规范。

PowerX Nuxt Pages

步骤

打开 本文件内嵌规则。
按规则执行实现/校对。
完成后按核对清单验收。

核对点

与 PowerX 当前代码结构、路径与命名一致。
仅在传输层/契约层做职责内改动，不跨层越界。

规则（内嵌）

nuxt_pages.yaml

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]