← 返回 Skills 市场
506
总下载
0
收藏
5
当前安装
2
版本数
在 OpenClaw 中安装
/install antd
功能描述
提供 Ant Design 5 组件使用知识，支持 React 18+ 项目中按钮、表单、表格、模态框等所有官方组件的构建与定制。
使用说明 (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
安全使用建议
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.
功能分析
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.
能力评估
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.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install antd - 安装完成后，直接呼叫该 Skill 的名称或使用
/antd触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
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.
元数据
常见问题
Antd 是什么？
提供 Ant Design 5 组件使用知识，支持 React 18+ 项目中按钮、表单、表格、模态框等所有官方组件的构建与定制。 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 506 次。
如何安装 Antd？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install antd」即可一键安装，无需额外配置。
Antd 是免费的吗？
是的，Antd 完全免费（开源免费），可自由下载、安装和使用。
Antd 支持哪些平台？
Antd 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 Antd？
由 batype（@batype）开发并维护，当前版本 v1.0.1。
推荐 Skills