Skip to content
cccskills

Ant Design Team

@ant-design

Organization

A UI Design Language

27 skills6 repositories 156K

Repositories

Skills (27)

Refine in search

antd-version-release

FreeSummaryAI rating 90

Prepare Ant Design releases by checking branches, version numbers, and existing changelogs, then creating a release pull request. After it is merged, the skill can run npm publish when explicitly requested.

  • Prepare a release pull request
  • Choose a patch or minor version increment
  • Check version numbers against English and Chinese changelogs
ant-design/ant-design99.8KUpdated Oct 21, 2026

antd-create-pr

FreeSummaryAI rating 90

Prepare Ant Design pull requests from all changes on a branch. It uses official templates, drafts an English title and a Chinese or English body, and asks for approval before creating the pull request.

  • Summarize all branch changes for a pull request
  • Draft a title and body using an official template
  • Check the target branch and change type
ant-design/ant-design99.8KUpdated Oct 21, 2026

antd-issue-reply

FreeSummaryAI rating 90

Review Ant Design GitHub issues and prepare responses, labels, and closure recommendations. It distinguishes bugs from feature requests, checks bot answers, and presents a complete plan for approval before making changes.

  • Draft responses to unanswered issues
  • Classify bugs and feature requests
  • Review dosubot answers
ant-design/ant-design99.8KUpdated Oct 21, 2026

antd-test-review

FreeSummaryAI rating 100

Review Ant Design tests to decide whether they should be kept, rewritten, or removed. Examine documented behavior and existing coverage to identify duplicate checks or assertions that merely repeat implementation details, with concise reasons for each conclusion.

  • Deciding whether a test should be kept, rewritten, or removed
  • Finding assertions that merely repeat implementation details
  • Checking for duplicate test coverage
ant-design/ant-design99.8KUpdated Oct 21, 2026

antd-migration

FreeSummaryAI rating 80

Update Ant Design projects, mainly from v4 to v5, by reviewing changed component APIs, replacing removed features, and migrating theme settings. The skill also guides use of the official tool for automated code changes.

  • Upgrading an Ant Design project from v4 to v5
  • Replacing removed components and deprecated properties
  • Migrating Less theme settings to theme tokens
ant-design/ant-design99.8KUpdated Oct 21, 2026

antd-component-lookup

FreeSummaryAI rating 100

Look up Ant Design React components in official documentation to find available settings, default values, and usage examples. Check subcomponents and methods, and consult type definitions in the antd package when TypeScript details are needed.

  • Checking component settings and default values
  • Finding usage examples and demo code
  • Looking up available subcomponents and methods
ant-design/ant-design99.8KUpdated Oct 21, 2026

antd-theme-customization

FreeSummaryAI rating 100

Customize Ant Design colors, spacing, corners, and typography using design tokens, shared values that control appearance. Configure global styles, individual components, dark mode, and CSS variables through ConfigProvider, and extract computed theme values when needed.

  • Matching interface colors and typography to a design
  • Configuring a dark theme
  • Adjusting the appearance of individual components
ant-design/ant-design99.8KUpdated Oct 21, 2026

changelog-collect

FreeSummaryAI rating 80

Collect pull requests between Ant Design versions and turn user-facing changes into Chinese and English changelog drafts. Filter internal changes, highlight release priorities, add contributor links, and update both changelog files after preview confirmation and format checks.

  • Collecting changes between a release tag and a target branch
  • Preparing Chinese and English release notes together
  • Filtering internal changes and highlighting release priorities
ant-design/ant-design99.8KUpdated Oct 21, 2026

antd-commit-msg

FreeSummaryAI rating 100

Write a single-line commit message for Ant Design by reading staged changes, the changes selected for the next commit. It summarizes the full commit intent and follows the style of recent repository commits.

  • Write a message for staged changes
  • Match the style of recent commits
  • Summarize changes across multiple files in one line
ant-design/ant-design99.8KUpdated Oct 21, 2026

pro-upgrade

FreeSummary

Updates an Ant Design Pro project by comparing it with the latest official template. It merges dependency and configuration changes while preserving custom pages and business logic, then checks for deprecated APIs and build errors.

  • Update an existing Ant Design Pro project
  • Merge template changes while preserving custom code
  • Check deprecated APIs during an upgrade
ant-design/ant-design-pro38.9KUpdated Oct 15, 2026

antd

FreeSummary

Helps build and maintain Ant Design interfaces by checking component options, examples, and theme settings. It also supports debugging, version migrations, and project scans to identify deprecated code and configuration issues.

  • Build interfaces using component APIs and working examples
  • Investigate component bugs and configuration issues
  • Check changes before upgrading Ant Design
ant-design/ant-design-pro38.9KUpdated Oct 15, 2026

Prepare an Ant Design Mobile package release by checking the version, build, and package contents. After the user publishes to npm manually, verify the published package and create its Git tag and bilingual GitHub Release.

  • Prepare an Ant Design Mobile release
  • Check files included in an npm package
  • Draft release notes in Chinese and English
ant-design/ant-design-mobile12.1KUpdated Sep 14, 2026

x-request

FreeSummary

Configure XRequest for AI chat API connections, authentication, and streaming responses that arrive in successive pieces. The skill explains practical request settings, connection checks, and how to keep secret keys on the server when building browser applications.

  • Configure streaming requests for an AI chat API
  • Connect a private API to a custom Provider
  • Route browser requests through a server proxy
ant-design/x4.8KUpdated Oct 12, 2026

use-x-chat

FreeSummary

Implement AI chat behavior with useXChat, a React function for managing chat state. Connect Providers that handle API communication, manage messages and errors, regenerate or cancel replies, and support multiple conversations with separate state.

  • Connect chat messages to Bubble.List and Sender
  • Handle network errors and canceled replies
  • Add message deletion and reply regeneration
ant-design/x4.8KUpdated Oct 12, 2026

x-card

FreeSummary

Build interactive cards and forms in React from an AI agent’s structured JSON commands. The skill guides component registration, connections between data and interface elements, user action handling, and progressive rendering with @ant-design/x-card.

  • Build an interactive form controlled by an AI agent
  • Update cards progressively as agent commands arrive
  • Connect form inputs to data and return user actions
ant-design/x4.8KUpdated Oct 12, 2026

x-chat-provider

FreeSummary

Connect streaming APIs to Ant Design X by implementing a Chat Provider, an adapter for request and message formats. Choose built-in providers where suitable, transform custom responses, and configure authentication, retries, and stream parsing.

  • Connect a private streaming API to Ant Design X
  • Choose a provider for OpenAI or DeepSeek
  • Convert responses containing multiple fields
ant-design/x4.8KUpdated Oct 12, 2026

x-components

FreeSummary

Build AI chat screens in React with @ant-design/x. This skill guides component selection, API usage, and page composition for message bubbles, input boxes, conversation lists, attachments, source references, and other chat interface elements.

  • Build a chat screen with message bubbles and an input box
  • Add conversation lists and switching
  • Display attachments and source references
ant-design/x4.8KUpdated Oct 12, 2026

x-markdown

FreeSummary

Implement Markdown display with @ant-design/x-markdown for chat responses or document pages. Handle text arriving in chunks, map content to custom components, and configure plugins, themes, and raw HTML handling.

  • Display Markdown responses in a chat
  • Handle incomplete Markdown during streaming
  • Render custom tags as application components
ant-design/x4.8KUpdated Oct 12, 2026

x-request

FreeSummary

Configure XRequest for API calls and streaming responses, where data arrives in successive pieces. This skill covers request settings, authentication, debugging, and environment-specific handling of credentials for standalone requests or integration with chat providers.

  • Check whether an API endpoint responds
  • Configure streaming responses for an AI chat app
  • Connect a private API through a chat provider
ant-design/x4.8KUpdated Oct 12, 2026

use-x-chat

FreeSummary

Implement AI chat behavior with useXChat, a React function for managing chat state. Connect Providers that handle API communication, manage messages and errors, regenerate or cancel replies, and support multiple conversations with separate state.

  • Connect chat messages to Bubble.List and Sender
  • Handle network errors and canceled replies
  • Add message deletion and reply regeneration
ant-design/x4.8KUpdated Oct 12, 2026

x-card

FreeSummary

Build interactive React cards and forms from JSON commands sent by an AI agent. Using @ant-design/x-card and A2UI, a protocol for describing interfaces, this skill covers data binding, user actions, custom components, and progressive rendering.

  • Display interactive cards inside AI chat responses
  • Build forms driven by agent commands
  • Render an interface progressively as commands arrive
ant-design/x4.8KUpdated Oct 12, 2026

x-chat-provider

FreeSummary

Adapt a streaming API to Ant Design X by selecting or implementing a Chat Provider, the layer that converts requests and responses into chat messages. Includes custom formats, incremental message assembly, and nonstandard stream handling.

  • Choose a built-in provider for OpenAI or DeepSeek
  • Connect a private SSE API to Ant Design X
  • Convert responses with multiple fields into chat messages
ant-design/x4.8KUpdated Oct 12, 2026

x-components

FreeSummary

Build AI chat interfaces with @ant-design/x, a React library of interface components. Get guidance on choosing and combining message bubbles, input boxes, conversation lists, attachments, and source citations, with API references and common implementation pitfalls.

  • Build a chat page with message bubbles and an input box
  • Add a conversation list and switching controls
  • Display attachments and source citations
ant-design/x4.8KUpdated Oct 12, 2026

x-markdown

FreeSummary

Implement or review Markdown display with @ant-design/x-markdown for documents and AI chat replies. Handle text arriving in chunks, recover incomplete formatting, and configure custom components, plugins, themes, and settings for handling raw HTML.

  • Display AI replies while text is still arriving
  • Build a standalone Markdown document viewer
  • Render custom tags and code blocks with dedicated components
ant-design/x4.8KUpdated Oct 12, 2026

Is this your account? Link GitHub to bring it onto your creator page (Japanese)