Setup & Installation
openclaw skills install @felipeoff/ant-design-skill
Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:
npx clawhub install ant-design-skill
What This Skill Does
A design skill for building React UIs with Ant Design v5. Covers component patterns for forms, tables, modals, and layouts, plus theming via ConfigProvider and design tokens.
Using built-in antd patterns and tokens avoids reinventing validation logic, layout scaffolding, and state management that the library already handles.
When to use it
- Building a CRUD admin dashboard with filterable data tables
- Adding a multi-step form wizard to an onboarding flow
- Theming an existing antd app with custom brand colors
- Implementing a settings page with validation and edit flows
- Adding dark mode support to a React app using antd
Example Workflow
Here's how your AI assistant might use this skill in practice.
INPUT
User asks: Build a user management page with a searchable table and an edit modal
AGENT
- 1Confirm React + antd v5 stack
- 2Scaffold Layout with Sider, Header, and Content
- 3Add a Table component with name, email, and role columns plus an actions column
- 4Wire a Form inside a Modal for the edit flow using Form.useForm() and form.setFieldsValue()
- 5Apply global tokens via ConfigProvider for primary color and border radius
OUTPUT
A functional user management page with server-side pagination, inline edit modal, and form validation