القائمة
创建高质量前端界面和交互体验，适用于网页、后台页面、仪表盘、组件、落地页、工具页面和视觉优化；当用户要求设计页面、优化 UI、实现前端界面、做高质量视觉稿时使用。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
审查 TypeScript、JavaScript、TSX 和通用前端逻辑质量，关注命名、类型安全、API 调用、状态管理、工具函数、性能、安全、错误处理和测试遗漏；当用户要求检查代码质量、审查 TS/JS/API/store/utils 时使用。
代码审查协调入口。根据文件类型和审查目标分发到 code-quality-review、vue-component-review、page-review，并汇总审查结果；当用户要求全面审查、review 代码、提交前检查时使用。
创建通用中后台 CRUD 列表页面，包含搜索、表格、分页、新增/编辑表单、删除/停用、权限按钮和基础测试；当用户要求创建列表页、数据管理页、CRUD 页面时使用。
系统化诊断复杂 bug、测试失败和性能回退，按复现、最小化、假设、观测、修复、回归测试循环推进；当用户说 debug、diagnose、报错、失败、性能变慢时使用。
知识库型 Skill 示例，用动态表单系统作为脱敏样例，展示如何沉淀复杂系统的概念、数据流、控件体系、运行机制和排查入口；当用户想创建系统知识库 Skill 或理解动态表单类系统时使用。
维护仓库内功能相关文档，适用于用户要求更新功能文档、归档旧需求、同步最终实现、整理功能 doc 目录、补充测试说明或已知限制时使用。
| name | frontend-design |
| description | 创建高质量前端界面和交互体验，适用于网页、后台页面、仪表盘、组件、落地页、工具页面和视觉优化；当用户要求设计页面、优化 UI、实现前端界面、做高质量视觉稿时使用。 |
实现真实可用、视觉完整、交互清晰的前端界面。不要做只有装饰没有功能的页面。
完成后检查移动端、桌面端、文本溢出、按钮状态、空数据、加载态和错误态。涉及 3D、canvas 或复杂动画时需要实际浏览器验证。
