メニュー
Frontend page standards for MoAI ui/ (React 19, antd 5 design-system, Kiota client, zustand, i18next). Use when adding/modifying pages, API wrappers, i18n keys, or frontend tests in ui/. 仅限 MoAI 项目。Use only for the MoAI project.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/whuanle/moai --skill moai-frontend-uiコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
| name | moai-frontend-ui |
| description | Frontend page standards for MoAI ui/ (React 19, antd 5 design-system, Kiota client, zustand, i18next). Use when adding/modifying pages, API wrappers, i18n keys, or frontend tests in ui/. 仅限 MoAI 项目。Use only for the MoAI project. |
只服务 MoAI 前端 ui/。REQUIRED REFERENCE：改代码前必读 ui/docs/frontend-conventions.md（唯一真源）与 ui/docs/design-system/README.md（组件/主题契约）。 本 skill 只写执行要点与实踩坑。
ui/src/pages|api|design-system|i18n 的改动产出合规范的页面接线（Kiota 封装 → design-system 页面 → 双语 i18n → vitest），三件套全绿。
:5210 后：cd ui && npm run syncapi http://127.0.0.1:5210/openapi/v1.json（脚本先删后生成）src/api/client/ 禁止手改（Kiota 锁定 1.0.0-preview.93，勿用 caret 升级）src/api/<module>.ts：业务请求用 getApiClient()；登录/注册/serverinfo 等匿名接口用 getAnonymousClient()getServerInfo().rsaPublic → rsaEncrypt → 提交，禁止明文<Page>（不传 title/subtitle——顶部导航已标识页面）。唯一例外：Dashboard 的个性化问候PageToolbar（filters 左、actions 右）maskClosable={false}，防误触丢内容type="text" size="small"）+ Tooltip + aria-label；危险操作 Popconfirm 且 okButtonProps={{ danger: true }}；列 fixed: 'right'<DataTable sticky>（页面滚动表头常驻）；列宽以真实数据验证（手机号 130、YYYY-MM-DD HH:mm 时间 150 + nowrap）resolveStorageUrl，无则首字母）+ 名称，次行灰字辅助信息@/design-system/theme 的 token（neutralColors/brandColors/spacing/radius），禁止硬编码 hex/rgba；跟随主题的背景用 antd token（theme.useToken() 的 colorBgLayout/colorPrimaryBg），禁止 ${color}14 alpha 叠加（暗色主题会翻车）useAppStore（userInfo.isAdmin/isRoot 驱动权限渲染——前端只是体验层，后端才是防线）feedback/useFeedback()，不用静态 messageAppLayout children；catch 块统一注释"错误已由全局请求中间件提示"locales/{zh-CN,en-US}/common.json 双语同步改，业务前缀分组（users./settings.）；文案一律 t()，禁止硬编码src/pages/<page>/__tests__/*.test.tsx；mock @/api/* 与 @/api/autharia-label（Tooltip 不渲染进 DOM，textContent 拿不到）正例：ui/src/pages/users/Users.tsx（列表 + 图标操作列 + sticky + 详情弹窗 Skeleton + 双弹窗）；反例与修复史见各 sop 存档。
L2-code-standards/moai-cqrs-backend）；审查清单（L3-fix-standards/moai-cqrs-review）Backend CQRS three-layer code standards for MoAI (.NET 9, Maomi modules, MediatR, EF Core). Use when adding/modifying Commands, Queries, Handlers, Controllers, validators, or business rules in src/*. 仅限 MoAI 项目。Use only for the MoAI project.
Orchestrate a full-stack feature in the MoAI project (backend CQRS module + frontend page + i18n + verification). Use when the user asks to add a feature module, API endpoint, or management page, or says "做XX功能/新增接口/加个管理页". 仅限 MoAI 项目。Use only for the MoAI project.
CQRS iron-law review checklist and fix standard for MoAI code. Use when reviewing code, fixing bugs, or after L2 code changes to verify compliance. Trigger words include "review 代码/按规范修 bug/检查合规". 仅限 MoAI 项目。Use only for the MoAI project.