Antd

提供 Ant Design 5 组件使用知识，支持 React 18+ 项目中按钮、表单、表格、模态框等所有官方组件的构建与定制。

Security Scan

This is an instruction-only documentation skill that provides Ant Design usage examples and does not request credentials, run installs, or perform unexpected actions — its footprint matches its stated purpose.

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.

Assessment

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.

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