CRM Ant Design Admin Spec — CRM Ant Design 管理规范

CRM Ant Design Admin Spec 本技能的用途 当用户需要帮助以下任务时使用本技能： 设计B2B CRM / admin页面 在UI或前端工作开始前生成页面规格 审查页面是否符合Ant Design风格的admin语义 防止仪表盘、列表和配置页面的样式不一致 为UIUXProMax或类似的AI页面生成工作流创建提示 本技能特别适用于以下情况： 页面属于CRM、SaaS admin、分析或运营系统 输出需要强大的结构和良好的信息密度 页面应该具有Ant Design风格的现实感 用户想要可重用的设计系统，而不是一次性的漂亮模拟 本技能不适用于以下情况 不要将本技能作为以下任务的主要技能： 营销网站 登陆页面 移动应用优先的界面 富有表现力的视觉品牌项目 插图丰富的故事讲述页面 高度实验性的视觉设计，实现现实性次要 默认设计方向 首选： Ant Design风格的admin UI 强大的层次结构和组织 现实的实现路径 紧凑但可读的信息组织 可重用的页面骨架 仅在页面真正需要时使用轻量级AI增强的视觉语言 避免： 营销网站的美学 厚重的玻璃化效果 网络朋克/发光效果 移动优先的交互模式用于桌面admin任务 整个页面的装饰渐变 核心操作规则 首先分类页面类型，然后应用相应的结构和约束。不要把每个页面都当作仪表盘。 页面类型决策 在设计之前选择以下之一： 统计页面 KPI卡片 图表 时间过滤器 组织树/左侧过滤面板管理 概述 AI分析页面 分析仪表盘 洞察/风险/推荐 KPI + 图表 + AI摘要块 允许轻微增强的视觉效果 列表页面 客户列表 操作表 搜索/过滤/分页 CRUD导向的工作流 配置/工具页面 参数设置 上传区域 表单 + 表格 左侧功能菜单 + 右侧配置内容 如果不确定，默认使用最简单的匹配页面类型。 如何使用本技能 对于设计任务 首先确定页面类型 概述页面骨架 指定主要区域：头部、过滤器、操作、KPI、图表、表格、侧边导航、配置表单、空状态 保持结果实现友好 对于审查任务 检查： 错误的页面类型选择 不一致的间距/半径/颜色层次 非Ant Design风格的控件 过度装饰 弱的信息密度 弱的admin可用性 仪表盘思维强加于列表/配置页面 对于AI生成任务 使用参考/prompt-templates.md中的提示模式。 对于设计系统对齐 使用参考/token-and-components.md。 对于页面骨架和视觉规则 使用参考/admin-guidelines.md。 对于具体示例 使用参考/examples.md。 推荐输出模式 当生成页面规格或设计方向时： 确定页面类型 选择匹配的骨架 应用令牌/颜色/半径/排版规则 映射到可能的Ant Design组件 仅在页面真正需要时添加AI特定的增强 说明不应为此页面类型执行的操作 本技能可以支持的输出样式 本技能可以指导以下输出： 页面策略笔记 页面信息架构 UI部分分解 组件推荐 AI设计/构建工具的提示模板 设计审查评论 实现友好的HTML / React / admin页面规划提示 参考 阅读参考/admin-guidelines.md以获取视觉系统、页面分类法和页面骨架。 阅读参考/token-and-components.md以获取令牌映射和Ant Design组件映射。 在创建UIUXProMax或其他AI页面生成器的提示时，阅读参考/prompt-templates.md。 阅读参考/examples.md以获取示例页面解释和输出模式。