Skip to content
cccskills
FreePublished on GitHubEnglish overview

antd-component-lookup

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.

OriginalShow the original description

Look up Ant Design React component documentation, props, and usage examples. Use when working with Ant Design (antd) components and needing API details, default values, or usage patterns.

AI rating100/ 100See how to install

Good for

  • Checking component settings and default values
  • Finding usage examples and demo code
  • Looking up available subcomponents and methods
  • Checking TypeScript type definitions

Overview

What it does

antd-component-lookup finds information about Ant Design React components in official documentation. It covers configuration options, known as props, their default values, usage examples, and available subcomponents and methods. Alongside individual pages for components such as Button, Table, Form, and DatePicker, it consults llms.txt, an index of documentation, and llms-full.txt, which includes detailed API information.

When it helps

Use it when building an interface with Ant Design and you need to check a setting's name or how a component is used. It also helps when you want to find an example, check default values, or confirm which values a setting accepts before implementing it. For questions about TypeScript, it refers to the component's type definitions.

Example requests

  • “Look up Table's settings and default values in the official documentation.”
  • “Check DatePicker usage examples and available methods.”
  • “Check Form's TypeScript type definitions.”

Notes

The sources are the English and Chinese documentation on ant.design, so access to the official website is required. Component names in URLs use hyphens between words, as in date-picker. TypeScript information comes from the type definitions inside the antd package.

This overview was written by AI (OpenAI Codex) from the public SKILL.md. Check the original below for the exact behavior.

Objective evaluation

AI rated this skill on four points using only the contents of its SKILL.md. Stars and popularity are not taken into account.

Clear instructionsIs it clear when to use it and what it does?
AGoodIt specifies when to look up props, defaults, examples, and types, and identifies the sources to consult.
Concrete stepsAre steps, inputs, outputs, and examples spelled out?
AGoodIt provides official URLs, steps from llms.txt to detailed APIs, and the source for type definitions.
SafetyAre sending data, deleting files, and running commands disclosed?
AGoodIt only directs reading official documentation and type definitions, without deletion, writing, or credential retrieval.
Easy setupDoes it need few tools or API keys, and are they documented?
AGoodIt identifies official documentation URLs and antd type definitions, without requiring API keys or specialized tools.

The total counts each point as A = 25, B = 15, C = 5. Rated by AI (OpenAI Codex) as of Oct 21, 2026. Treat it as a guide and read the original before installing.

Disagree? Request a re-evaluation

Tell us which point is wrong and why. No login needed. We will check it against the SKILL.md, redo the evaluation, and show the result here.

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

Files included (1)

  • SKILL.md1.7 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Ant Design Component Lookup

Look up component documentation for Ant Design (antd), a React UI library with 80+ components.

When to Use

  • You need to know a component's props, defaults, or TypeScript types
  • You need usage examples or demo code
  • You need to know which subcomponents or methods a component provides

Instructions

  1. Visit the component's English documentation page at https://ant.design/components/<component-name>
    • For Chinese docs: https://ant.design/components/<component-name>-cn
  2. For a machine-readable overview, fetch https://ant.design/llms.txt to discover all available component documentation paths
  3. For detailed component API tables, fetch https://ant.design/llms-full.txt for the complete content

Common Components

Button, Input, Select, Table, Form, Modal, Tabs, Menu, DatePicker, Upload, message, notification, Popconfirm, Tooltip, Tree, Cascader, Transfer, Steps, Card, Collapse, Carousel, Calendar, TimePicker, Rate, Switch, Slider, Progress, Badge, Tag, Avatar, Typography, Space, Divider, Grid, Layout, Affix, Anchor, Breadcrumb, Dropdown, Pagination, Popover, Result, Skeleton, Spin, Watermark, Tour, FloatButton, QRCode, ColorPicker, Segmented, Splitter

Notes

  • Component names in URLs use kebab-case (e.g., date-picker, float-button)
  • The llms-full.txt file contains the most comprehensive documentation
  • For TypeScript types, refer to the component's type definitions in the antd package

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

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.9KUpdated Oct 22, 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.9KUpdated Oct 22, 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.9KUpdated Oct 22, 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.9KUpdated Oct 22, 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.9KUpdated Oct 22, 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.9KUpdated Oct 22, 2026

See all skills by ant-design

Report a problem with this skill