前言¶
在 B 端产品开发中，设计规范与开发实现的一致性直接影响沟通效率和交付质量。传统方式往往依赖设计人员手动绘制原型图，后续再由开发人员逐步还原，容易产生理解偏差。本 Skill 旨在让 AI 直接生成符合 Ant Design 设计规范的页面原型图，减少人工绘制和中间传递成本。
这是什么¶
这是一个基于通用 SKILL.md 格式的规范 Skill，用于指导 AI 生成基于 Ant Design 的 B 端页面原型图。该 Skill 由社区开发者 user_d562092e 发布，属于 design-media 分类。它不涉及代码实现，而是聚焦于从设计稿到 AI 原型生成的一致性约束。
核心功能¶
- 指导 AI 输出符合 Ant Design 设计规范的页面原型图
- 规范 B 端页面的布局、组件样式与视觉表达
- 提供可复用、可评估的原型生成路径
安装与启用¶
根据官方资料，该 Skill 遵循通用 SKILL.md 格式，暂未提供特定安装命令或配置字段。通常在支持的 Skill 管理工具中，可通过以下方式启用：
- 在 Skill 管理界面搜索「Ant Design原型设计」
- 确认版本为 1.0.0
- 启用后，在对话或任务中明确输入「基于 Ant Design 生成 B 端页面原型图」等指令即可
典型用法¶
- 明确需求：提供页面类型、功能模块、关键交互点等基本信息
- 启用 Skill：在对话中引用该 Skill 或使用对应触发词
- 指令示例：
基于本 Skill 的规范，生成一个 Ant Design 风格的用户管理列表页面原型图
- 获得结果：AI 输出符合设计规范的原型图描述或示意图
适用场景与注意¶
- 适合 B 端产品原型设计、需求评审、开发对齐等场景
- 需要设计人员或产品经理对 Ant Design 规范有一定了解，以便更好地与 AI 沟通
- 该 Skill 不负责代码实现，仅提供设计层面的原型参考
小结¶
本 Skill 通过规范化的提示与输出约束，帮助 AI 生成与 Ant Design 风格对齐的 B 端页面原型图，减少人工绘制与沟通成本。如需了解详情，可访问官方页面：https://www.skillhub.cn/skills/user_d562092e/antdesign
