← Back to Skills Marketplace
506
Downloads
0
Stars
5
Active Installs
2
Versions
Install in OpenClaw
/install antd
Description
提供 Ant Design 5 组件使用知识，支持 React 18+ 项目中按钮、表单、表格、模态框等所有官方组件的构建与定制。
README (SKILL.md)
Ant Design 组件库 (antd)
描述
为 AI 助手提供 Ant Design 组件库的使用能力。AI 可以在任何 React 项目中使用 Ant Design 的基础组件来构建 UI，包括按钮、表单、表格、模态框、布局等所有官方组件。
位置
~/.openclaw/workspace/skills/antd
功能
- 提供 Ant Design 所有基础组件的使用知识
- 支持在任意 React 项目中使用 Ant Design
- 提供组件属性、用法、最佳实践
- 支持 Ant Design 5.x 的所有特性
- 提供主题定制、国际化等高级用法
核心组件
通用组件
Button, Icon, Typography, Layout, Space, Divider, etc.
导航组件
Menu, Tabs, Breadcrumb, Dropdown, Pagination, Steps, etc.
数据录入组件
Form, Input, Select, Radio, Checkbox, DatePicker, Upload, etc.
数据展示组件
Table, Card, List, Tree, Transfer, Timeline, Badge, etc.
反馈组件
Modal, Message, Notification, Result, Progress, Spin, etc.
布局组件
Grid, Layout, Space, Divider, etc.
使用方法
在 OpenClaw 中使用
用 Ant Design 创建一个按钮
帮我做一个表单，包含输入框和选择器
用 Table 组件展示用户数据
添加一个 Modal 确认对话框
依赖
- React 18+
- Ant Design 5+
- @ant-design/icons
作者
batype
版本
1.0.0
Usage Guidance
This skill is a documentation pack of Ant Design examples and is internally consistent with its description. Before copying example code into a real project: (1) install antd and @ant-design/icons from the official npm registry as shown in the README; (2) verify the package versions you use; (3) review and sanitize any example data before using it in production (e.g., remove placeholder emails/phone numbers); and (4) prefer official upstream libraries (https://ant.design, npm) when adding dependencies. If you need higher assurance, confirm the skill author/source or prefer official docs.
Capability Analysis
Type: OpenClaw Skill
Name: antd
Version: 1.0.1
The skill bundle provides comprehensive documentation and code examples for the Ant Design component library, intended for an AI agent to generate UI code. All markdown files (SKILL.md, README.md, CLAWHUB.md, etc.) contain descriptive content and instructions for using the skill, without any evidence of prompt injection attempts to manipulate the AI agent's behavior. The JavaScript code snippets in the example files are standard React/Ant Design component usage, lacking any malicious functions like data exfiltration, unauthorized network calls, file system manipulation, or obfuscation. The `package.json` lists only legitimate dependencies (`antd`, `@ant-design/icons`) and contains no suspicious scripts. All external links point to official Ant Design or GitHub repositories. The entire package is consistent with its stated purpose as a UI component library guide.
Capability Assessment
Purpose & Capability
Name/description claim to teach Ant Design 5 usage for React 18+ and the files are documentation and component examples that match that purpose. Declared dependencies (React, antd, @ant-design/icons) are appropriate for the stated goal.
Instruction Scope
SKILL.md and other documents only provide guidance, usage examples, and local file path for placement. There are no instructions to read unrelated files, access secrets, contact external endpoints, or execute arbitrary commands.
Install Mechanism
No install spec is present (instruction-only), so nothing is downloaded or written by the skill. README examples show normal npm/yarn install commands for developers using antd in their projects — expected and proportionate.
Credentials
The skill does not request environment variables, credentials, or config paths. Example code is client-side React code and does not attempt to access system secrets or unrelated services.
Persistence & Privilege
Skill is not forced always-on (always:false) and does not request elevated platform privileges or modify other skills. It is documentation-only and has normal, limited presence.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install antd - After installation, invoke the skill by name or use
/antd - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.1
- 添加 _meta.json 文件以支持元数据管理
- 其他内容保持不变
v1.0.0
Initial release of Ant Design (antd) skill:
- Enables use of all Ant Design 5.x components within any React 18+ project.
- Provides component usage, props, and best practices support.
- Covers theming, customization, and internationalization features.
- Includes guidance for integrating Ant Design in OpenClaw environments.
Metadata
Frequently Asked Questions
What is Antd?
提供 Ant Design 5 组件使用知识，支持 React 18+ 项目中按钮、表单、表格、模态框等所有官方组件的构建与定制。 It is an AI Agent Skill for Claude Code / OpenClaw, with 506 downloads so far.
How do I install Antd?
Run "/install antd" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Antd free?
Yes, Antd is completely free (open-source). You can download, install and use it at no cost.
Which platforms does Antd support?
Antd is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Antd?
It is built and maintained by batype (@batype); the current version is v1.0.1.
More Skills