← All skills
Tencent SkillHub · Developer Tools

Antd

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

skill openclawclawhub Free
0 Downloads
0 Stars
0 Installs
0 Score
High Signal

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

⬇ 0 downloads ★ 0 stars Unverified but indexed

Install for OpenClaw

Quick setup
  1. Download the package from Yavira.
  2. Extract the archive and review SKILL.md first.
  3. Import or place the package into your OpenClaw setup.

Requirements

Target platform
OpenClaw
Install method
Manual import
Extraction
Extract archive
Prerequisites
OpenClaw
Primary doc
SKILL.md

Package facts

Download mode
Yavira redirect
Package format
ZIP package
Source platform
Tencent SkillHub
What's included
CLAWHUB.md, COMPONENTS.en-US.md, COMPONENTS.md, EXAMPLES-ENTERPRISE.md, EXAMPLES.md, README.en-US.md

Validation

  • Use the Yavira download entry.
  • Review SKILL.md after the package is downloaded.
  • Confirm the extracted package contains the expected setup assets.

Install with your agent

Agent handoff

Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.

  1. Download the package from Yavira.
  2. Extract it into a folder your agent can access.
  3. Paste one of the prompts below and point your agent at the extracted folder.
New install

I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.

Upgrade existing

I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.

Trust & source

Release facts

Source
Tencent SkillHub
Verification
Indexed source record
Version
1.0.1

Documentation

ClawHub primary doc Primary doc: SKILL.md 13 sections Open source page

描述

为 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

Category context

Code helpers, APIs, CLIs, browser automation, testing, and developer operations.

Source: Tencent SkillHub

Largest current source with strong distribution and engagement signals.

Package contents

Included in package
6 Docs
  • CLAWHUB.md Docs
  • COMPONENTS.en-US.md Docs
  • COMPONENTS.md Docs
  • EXAMPLES-ENTERPRISE.md Docs
  • EXAMPLES.md Docs
  • README.en-US.md Docs