Skills
.Work. You
Rest

Ant Design X 组件开发规范指南

Official

Build high-quality UI components.

Software Engineering#typescript#react#coding standards#component library#ui development#ant design
Authorant-design
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive guide to developing Ant Design X components, ensuring consistency, maintainability, and high quality across the development lifecycle.

Core Features & Use Cases

  • Component Architecture: Guidelines on project structure, file naming, and component patterns (composite, configuration merging, controlled/uncontrolled).
  • TypeScript & Styling: Best practices for TypeScript type design, CSS-in-JS, responsive design, and theme customization.
  • Accessibility & Performance: Standards for ARIA attributes, focus management, and React/style optimizations.
  • Testing & Documentation: Requirements for unit testing, API documentation, and example code.
  • Use Case: A new developer joining the Ant Design X project can use this guide to quickly understand and adhere to the established coding standards for component development.

Quick Start

Follow the Ant Design X component development guidelines to create a new button component.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Ant Design X 组件开发规范指南
Download link: https://github.com/ant-design/x/archive/main.zip#ant-design-x

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.