ant-design

Codify Ant Design best practices and official docs into a single reference.

10.4k|222|Updated May 22, 2018
One-click install
npx skills add https://github.com/rolling-scopes/rsschool-app --skill ant-design-rolling-scopes
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ant-design
Source: https://github.com/rolling-scopes/rsschool-app/tree/main/.agents/skills/ant-design
Command: npx skills add https://github.com/rolling-scopes/rsschool-app --skill ant-design-rolling-scopes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Anticipates and codifies the decision-making process for adopting Ant Design across projects, reducing ambiguity and drift.

Core Features & Use Cases

  • Centralized guidance on selecting Ant Design components, theming tokens, SSR/CSR strategies, a11y considerations, and performance practices for React apps.
  • Clear rules for version compatibility (antd 6.x, Pro 5, Pro Components, and X v2) and for dependency management and documentation alignment.
  • Use Case: When starting a new React project, reference this guide to choose components and setup patterns that align with RS School standards.

Quick Start

Ask the skill to help select appropriate Ant Design components, theming strategies, and integration patterns for your UI task.

Frequently Asked Questions about ant-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure Ant Design theming tokens for a consistent UI across React projects?

Configure Ant Design theming by using official documented APIs and token-based theming to ensure visual consistency across React projects. This approach codifies best practices to enforce token usage while avoiding internal props or non-official APIs.

What is the best way to manage Ant Design version compatibility with Pro Components and X v2?

Manage Ant Design version compatibility by following clear rules for antd 6.x, Pro 5, Pro Components, and X v2. This guide provides centralized dependency management and documentation alignment to prevent version drift in React applications.

How do I set up Ant Design for server-side rendering (SSR) and client-side rendering (CSR) in React?

Set up Ant Design for SSR and CSR by referencing centralized guidance on rendering strategies. This skill helps teams select appropriate integration patterns and performance practices for React apps to ensure consistent rendering behavior.

Does Ant Design support accessibility (a11y) compliance for React UI components?

Ant Design supports accessibility (a11y) compliance by following codified best practices for React UI components. This skill provides centralized guidance on a11y considerations to ensure your Ant Design integrations meet accessibility standards.

Can I use internal props or non-official APIs when integrating Ant Design components?

You should not use internal props or non-official APIs when integrating Ant Design components. This skill enforces the use of documented APIs and token-based theming to maintain consistency and prevent reliance on undocumented internal implementation details.

How do I handle routing and access patterns when integrating Ant Design in a new React project?

Handle routing and access patterns by referencing this guide to choose setup patterns that align with RS School standards. It covers routing and access patterns for Ant Design integrations to help you select appropriate components and integration strategies.