메뉴
Review App/H5 UI code for UI 设计规范 compliance. Use when the user asks to “检查 UI 规范/对齐规范/审查页面”, “review UI”, “按设计规范检查 App/H5”, or wants a terse issues list in `file:line - finding` format plus a final `✓ pass` when clean.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | app-ui-design |
| description | Review App/H5 UI code for UI 设计规范 compliance. Use when the user asks to “检查 UI 规范/对齐规范/审查页面”, “review UI”, “按设计规范检查 App/H5”, or wants a terse issues list in `file:line - finding` format plus a final `✓ pass` when clean. |
| metadata | {"author":"internal","version":"1.0.0","argument-hint":"<file-or-pattern>"} |
在开发过程中，按“设计规范”对指定文件进行快速审查，输出可定位、可执行的问题清单。
输出风格对齐 Web Interface Guidelines：先读取最新规范 → 读取目标文件 → 按固定格式输出问题。
✓ pass默认从本 skill 目录内的规则说明文件读取（单一真源，随 skill 一起被复制到运行环境）：
references/rules.md（相对 SKILL.md）可选：如果你把规则托管到远程（例如 GitHub Raw），审查时应优先从远程拉取最新版本，再进行检查。
当用户提供 <file-or-pattern> 时：
references/rules.md（作为审查规则）当用户没有提供 <file-or-pattern> 时：询问需要审查的文件/目录/模式。
输出必须是简洁问题列表，每条一行，格式如下（示例）：
path/to/file.tsx:123 - [app-ui] <finding>
path/to/file.css:45 - [app-ui] <finding>
✓ pass - no app-ui issues found
规则：
.docx 抽取规则；规则维护请直接更新 references/rules.mdInitialize a new project with reusable directory conventions, naming rules, validation steps, and a bootstrap checklist. Use when starting a new repo, scaffolding a frontend app, or aligning project structure before first implementation.
Review UI code for WeChat Official Account / Mini Program UI rules compliance. Use when the user asks to “检查 UI 规范/对齐规范/审查页面”, “review UI”, “check accessibility/UX”, “按官微/小程序规范检查”, or wants a terse issues list in `file:line - finding` format plus a final `✓ pass` when clean.
Playwright E2E testing patterns, Page Object Model, configuration, CI/CD integration, artifact management, and flaky test strategies.
Formal evaluation framework for Claude Code sessions implementing eval-driven development (EDD) principles
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Use this skill when adding authentication, handling user input, working with secrets, creating API endpoints, or implementing payment/sensitive features. Provides comprehensive security checklist and patterns.