Library
Ant Design agent skills for Claude Code, Codex and other agents.
- skills
- 65
- Type
- Library
- Website
- ant.design
- Official GitHub
- ant-design
Ant Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files. | lobehub/ | 83k | — | ~1.6k | Automated safety check: Pass | Unknown | today |
| 2 | NG-ZORRO/ng-zorro-antd repository release workflow. An agent skill from NG-ZORRO/ng-zorro-antd. | NG-ZORRO/ | 9.2k | — | ~3.1k | Automated safety check: Pass | MIT | 7 days ago |
| 3 | Prepares an npm release of ant-design-mobile up to the version commit, then tags and publishes the GitHub Release after you run the publish command yourself. | ant-design/ | 12k | — | ~497 | Automated safety check: Pass | MIT | 23 days ago |
| 4 | Build UI with the LobeHub design ecosystem — @lobehub/ui (plus its base-ui, chat, mobile, awesome, brand, mdx, i18n namespaces), @lobehub/icons, @lobehub/charts, @lobehub/fluent-emoji and… | lobehub/ | 2.2k | — | ~2k | Automated safety check: Pass | MIT | today |
| 5 | Sync an Ant Design React component or feature into NG-ZORRO. | NG-ZORRO/ | 9.2k | — | ~840 | Automated safety check: Pass | MIT | 7 days ago |
| 6 | Build, refactor, or review production-grade admin interfaces with Vue 3 + JavaScript + Ant Design Vue 4.x. | lazzyfu/ | 730 | — | ~2k | Automated safety check: Pass | MIT | 6 mo ago |
| 7 | Generates a full CRUD page - page component, data model and API client - from the south-admin-react project's own VS Code snippet templates. | southliu/ | 580 | — | ~1.7k | Automated safety check: Pass | MIT | 17 days ago |
| 8 | Decision guide for antd 6.x, Ant Design Pro 5/ProComponents, Ant Design X v2, and the offline @ant-design/cli. | kqcoxn/ | 408 | 1 repo | ~1.1k | Automated safety check: Pass | MIT | 2 days ago |
| 9 | Local browser verification for the lobe-ui component library and documentation site. | lobehub/ | 2.2k | — | ~2.1k | Automated safety check: Pass | MIT | today |
| 10 | Collect and draft NG-ZORRO changelog entries between releases or branches. | NG-ZORRO/ | 9.2k | — | ~443 | Automated safety check: Pass | MIT | 7 days ago |
| 11 | Removes the south-admin-react template's demo pages, components and menu entries, after a dry-run preview and your confirmation, and cleans up the matching imports. | southliu/ | 580 | — | ~519 | Automated safety check: Pass | MIT | 17 days ago |
| 12 | Set up and author a documentation site with @lobehub/docs-kit (the lobedocs CLI, React Router + Vite static docs used by ui.lobehub.com). | lobehub/ | 2.2k | — | ~2.8k | Automated safety check: Pass | MIT | today |
| 13 | 13.Create PR Prepare or create an NG-ZORRO pull request using the repository template. | NG-ZORRO/ | 9.2k | — | ~600 | Automated safety check: Pass | MIT | 7 days ago |
| 14 | Looks up antd component props, docs, demos and changelogs with the offline @ant-design/cli, and helps debug, migrate between versions and audit usage in a project. | ant-design/ | 136 | — | ~2.2k | Automated safety check: Pass | MIT | 6 mo ago |
| 15 | 15.I18n i18n — add multilingual translations. An agent skill from erupts/erupt-web. | erupts/ | 115 | — | ~706 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 16 | 16.Issue Reply Triage and draft replies for NG-ZORRO GitHub issues. An agent skill from NG-ZORRO/ng-zorro-antd. | NG-ZORRO/ | 9.2k | — | ~485 | Automated safety check: Pass | MIT | 7 days ago |
| 17 | 指导用户使用 @ant-design/agentic-ui 的 Markdown Editor / Renderer 扩展语法。图表场景优先使用内置 chart（HTML 注释 chartType + 表格），只有当内置 chartType 都不能表达诉求时才回退 Mermaid。Triggers on keywords like 表格, 视频, 图表, 卡片, 提示块, 流程图, 语法… | antdigital-ai/ | 224 | — | ~3.1k | Automated safety check: Pass | MIT | today |
| 18 | 18.Commit Msg Generate a conventional commit message for staged NG-ZORRO changes. | NG-ZORRO/ | 9.2k | — | ~367 | Automated safety check: Pass | MIT | 7 days ago |
| 19 | Guides how to use @ant-design/agentic-ui in applications (install, import, layout, chat, editor, i18n). | antdigital-ai/ | 224 | — | ~691 | Automated safety check: Pass | MIT | today |
| 20 | A skill your agent uses when working on AUTO-MAS frontend UI, Ant Design Vue components, page layout, forms, tables, modals, drawers, feedback, empty/loading/error states, drag interactions, dark… | AUTO-MAS-Project/ | 707 | — | ~3.8k | Automated safety check: Pass | AGPL-3.0 | today |
| 21 | 21.Test Review Review the value of NG-ZORRO tests. An agent skill from NG-ZORRO/ng-zorro-antd. | NG-ZORRO/ | 9.2k | — | ~425 | Automated safety check: Pass | MIT | 7 days ago |
| 22 | A skill your agent uses when building or modifying a form, binding inputs, adding validation, or adding/changing any user-facing string in the nekocap frontend. | nopol10/ | 105 | — | ~1.1k | Automated safety check: Pass | GPL-3.0 | 4 days ago |
| 23 | A map of the LobeHub open-source repository: tech stack, monorepo layout, where each code layer lives and who owns apps, packages and src. | lobehub/ | 83k | — | ~1.8k | Automated safety check: Pass | Unknown | today |
| 24 | 指导在前端项目中按团队规范创建和拆分 React 组件，包括目录结构、文件命名、样式与主题变量使用。当前端需要新增或重构组件时使用本技能。 | AntonHu/ | 109 | — | ~692 | Automated safety check: Pass | No licence | 7 mo ago |
| 25 | 25.X Card 当需要用 @ant-design/x-card 让 AI Agent 动态渲染富交互 UI 时使用——涵盖 XCard.Box、XCard.Card、A2UI v0.9 命令、数据绑定、Catalog、Actions 和流式渲染模式。 | kqcoxn/ | 408 | — | ~2.1k | Automated safety check: Pass | MIT | 2 days ago |
| 26 | 为 wot-ui 生成单文件主题 SCSS，并在 App.vue 中挂载语义变量. An agent skill from wot-ui/wot-ui. | wot-ui/ | 384 | — | ~2.4k | Automated safety check: Pass | MIT | 12 days ago |
| 27 | Develop and extend Bubble components (AIBubble, UserBubble, Bubble list) for AI chat messages in @ant-design/agentic-ui. | antdigital-ai/ | 224 | — | ~283 | Automated safety check: Pass | MIT | today |
| 28 | Sets out how to write React components in LobeHub: which styling approach to use, which component libraries to prefer and in what order. | lobehub/ | 83k | — | ~1.7k | Automated safety check: Pass | Unknown | today |
| 29 | 29.Frontend A skill your agent uses for frontend work in webapp (React/TypeScript, UI implementation, tests, and refactors). | streamband/ | 146 | — | ~582 | Automated safety check: Pass | Apache-2.0 | 21 days ago |
| 30 | 专注于自定义 Chat Provider 的实现，帮助将任意流式接口适配为 Ant Design X 标准格式. An agent skill from kqcoxn/MaaPipelineEditor. | kqcoxn/ | 408 | — | ~3.1k | Automated safety check: Pass | MIT | 2 days ago |
| 31 | Develop SchemaForm, SchemaEditor, SchemaRenderer and validator in @ant-design/agentic-ui for low-code and JSON Schema. | antdigital-ai/ | 224 | — | ~247 | Automated safety check: Pass | MIT | today |
| 32 | MallBase Vben Admin 上传组件与字段契约规则；实现图片、视频或文件上传，以及处理 FileInfo 回填和提交值时使用。 | yyw-code/ | 106 | — | ~553 | Automated safety check: Pass | MIT | 2 mo ago |
| 33 | 33.X Components 使用 @ant-design/x 组件库构建 AI 对话 UI 时使用 —— 涵盖 Bubble、Sender、Conversations、Prompts、ThoughtChain、Actions、Welcome、Attachments、Sources、Suggestion、Think、FileCard、CodeHighlighter、Mermaid、Folder、XProvider 和… | kqcoxn/ | 408 | — | ~1.6k | Automated safety check: Pass | MIT | 2 days ago |
| 34 | A skill your agent uses when building or reviewing FaasJS React UI, especially @faasjs/ant-design pages, useFaas, useFaasStream, faas requests, CRUD screens, Table faasData, Description faasData… | faasjs/ | 121 | — | ~693 | Automated safety check: Pass | MIT | 1 mo ago |
| 35 | Guides development workflow, design system, scripts, and component inventory for @ant-design/agentic-ui. | antdigital-ai/ | 224 | — | ~555 | Automated safety check: Pass | MIT | today |
| 36 | 36.X Markdown 当任务涉及 @ant-design/x-markdown 的 Markdown 渲染、流式输出、自定义组件映射、插件、主题或聊天富内容展示时使用。 | kqcoxn/ | 408 | — | ~862 | Automated safety check: Pass | MIT | 2 days ago |
| 37 | 37.Brainstorm 当需要探索方案、头脑风暴、创意思维时自动使用此 Skill. An agent skill from bkywksj/knowledge-base. | bkywksj/ | 330 | — | ~1.4k | Automated safety check: Pass | Unknown | 5 days ago |
| 38 | Develop AgenticLayout (left-center-right layout with header) in @ant-design/agentic-ui. | antdigital-ai/ | 224 | — | ~1.2k | Automated safety check: Pass | MIT | today |
| 39 | 指导在前端项目中正确使用 Ant Design 与自定义主题 CSS 变量，避免硬编码颜色并保证暗色/浅色主题切换一致性。当前端编写或修改样式时使用本技能。 | AntonHu/ | 109 | — | ~292 | Automated safety check: Pass | No licence | 7 mo ago |
| 40 | A skill your agent uses when working in any FaasJS repo and no narrower FaasJS skill is already selected, or when a task spans project conventions, validation gates, security boundaries, and… | faasjs/ | 121 | — | ~741 | Automated safety check: Pass | MIT | 1 mo ago |
| 41 | 41.UI To Vue A skill your agent uses when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue. | affaan-m/ | 274k | 1 repo | ~1.2k | Automated safety check: Pass | MIT | 2 days ago |
| 42 | MallBase Vben Admin 局部格式化与真实后端 E2E 收口规则；修改、测试或回归 web-antd 代码时使用。 | yyw-code/ | 106 | — | ~308 | Automated safety check: Pass | MIT | 2 mo ago |
| 43 | A skill your agent uses when operating in a codebase that employs an existing design system (shadcn/ui, Material UI, Ant Design, Chakra, etc.), when you need to identify which system a project uses… | NoobyGains/ | 107 | — | ~3.1k | Automated safety check: Pass | MIT | 7 mo ago |
| 44 | Develop ChatBootPage subcomponents (Title, CaseReply, ButtonTab, ButtonTabGroup) for chat entry or onboarding in @ant-design/agentic-ui. | antdigital-ai/ | 224 | — | ~213 | Automated safety check: Pass | MIT | today |
| 45 | Develop MarkdownEditor and BaseMarkdownEditor in @ant-design/agentic-ui for rich text and streaming markdown. | antdigital-ai/ | 224 | — | ~292 | Automated safety check: Pass | MIT | today |
| 46 | 46.UI To Vue UIスクリーンショットやデザインエクスポートをVue 3コンポーネントに一括変換する際に使用。Vant、Element Plus、Ant Design Vueに対応。 | affaan-m/ | 274k | — | ~640 | Automated safety check: Pass | MIT | 2 days ago |
| 47 | Develop MarkdownInputField and attachments, voice, send actions in @ant-design/agentic-ui. | antdigital-ai/ | 224 | — | ~235 | Automated safety check: Pass | MIT | today |
| 48 | Develop chart, code, mermaid, katex, formatter plugins for MarkdownEditor in @ant-design/agentic-ui. | antdigital-ai/ | 224 | — | ~236 | Automated safety check: Pass | MIT | today |
Questions, answered from the data.
What is the best Ant Design skill?
LobeHub Interactive Prototype from lobehub/lobehub ranks first of the 65 Ant Design skills listed here, with the highest score: its repository has 83k GitHub stars, its SKILL.md loads about 1.6k tokens and it passes the automated safety check with no findings. Next come Version Release and Ant Design Mobile Release.
Is there an official Ant Design skill?
None yet. All 65 Ant Design skills listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.