antd-skills
专为 Cursor IDE 设计的 Ant Design 开发助手，提升开发规范与效率。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：antd-skills。 它的用途是：专为 Cursor IDE 设计的 Ant Design 开发助手，提升开发规范与效率。 完整的 Skill 内容见：https://321skill.com/skills/antd-skills/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'// @antd:create page admin'，它会根据 Ant Design Pro 的布局规范，智能生成一个包含侧边导航、顶部 Header 和内容区域的管理后台页面骨架代码。
对AI说：'// @antd:check current'，它会分析当前打开的 React 组件文件，指出不符合 Ant Design 使用规范的地方（如缺少 `rowKey` 的 Table），并提供一键修复建议。
介绍
Ant Design 规范助手旨在解决开发者在构建 Ant Design 应用时面临的代码规范不统一、组件使用不当、版本迁移繁琐等痛点。它通过集成到 Cursor IDE，提供实时的代码生成、规范检查和最佳实践指导，将设计规范融入开发工作流。
使用时，开发者只需在代码注释中输入特定命令（如 // @antd:create page list 或 // @antd:check current），即可快速生成标准页面模板、插入组件或进行代码审查。该工具支持项目级配置，允许团队自定义规则和扩展插件，确保规范在不同项目中灵活适配。
它非常适合需要快速构建高质量、符合 Ant Design 规范的前端界面的开发团队和个人。无论是从零开始的新项目，还是维护和升级现有项目，都能从中受益。
建议在团队中推广使用，并利用其配置功能统一团队规范。注意，它深度集成于 Cursor IDE，在其他编辑器中使用可能受限。初次使用建议从代码生成功能入手，逐步探索规范检查和智能建议。
核心特点
与通用的代码片段工具不同，它深度集成了 Ant Design 的完整设计规范与最佳实践，能进行上下文感知的智能代码生成和实时规范检查。同时，它提供了从 v4 到 v5 的自动化迁移辅助，这是许多同类工具不具备的专项能力。
注意事项
该 Skill 深度绑定 Cursor IDE 和 Ant Design 技术栈，不适合使用其他编辑器或非 Ant Design 组件库的项目。
常见问题
支持哪些 Ant Design 版本？
主要支持 Ant Design 5.x，并提供了从 v4 到 v5 的迁移辅助功能。
可以在 VS Code 中使用吗？
不可以，这是一个专门为 Cursor IDE 开发的 Skill，无法直接在 VS Code 中运行。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/antd-skills/raw/index.md 读取 antd-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/antd-skills/raw/index.md（查看排版版本）