1. Habit
  2. Skills
  3. Ant Design (antd) skill
ant-design · 6K installs

Ant Design (antd) skill
Runs by itself, antd code changes.

Keep antd usage current and clean.

Install the Ant Design (antd) skill and make it a habit: follow https://gethabit.dev/skills/ant-design/antd.md

  1. 1Copy
  2. 2Paste into Claude Code, Codex or Cursor
  3. 3It runs by itself

6K installs260 starsMIT licenceSource on GitHub ↗

Ant Design (antd)

by ant-design · 6K installs

The skill

The Ant Design (antd) skill teaches agents the Ant Design CLI: query props, demos, tokens and docs offline, lint and analyze project usage, and follow migration guides between antd versions.

Only when you ask.

The habit

Keep antd usage current and clean.

↻ Runs by itselfantd code changes

How the habit works.
You don't have to.

Three questionsWhen does it start? How does it check its work? What does it remember?

01

It starts by itself

antd code changes. Runs in GitHub Actions or Claude Code routine.

  • ↻ antd code changes
  • pull request touches files importing antd

02

It checks its work

antd lint is clean. If a check fails, it tries again.

  • ✓antd lint --format json reports no deprecated usage
  • ✓antd doctor reports no configuration issues
  • ✓build passes

03

It remembers

antd usage board. The next run reads it first: last usage stats and open lint findings.

loops/antd-lint-loop/board.md

One run, step by step.
Then it stops.

Stop ruleStops after 15 files or 2 fix rounds per run.

  1. 01

    Check the CLI

    Your agent runs which antd and installs @ant-design/cli if missing.

  2. 02

    Match the version

    It reads your antd version and passes --version to queries.

  3. 03

    Lint

    It runs antd lint on changed files with --format json.

  4. 04

    Look up APIs

    For each finding it runs antd info and antd demo before fixing.

  5. 05

    Fix and relint

    It fixes deprecated or wrong usage and runs antd lint again.

  6. 06

    Track usage

    It runs antd usage on ./src and updates the board.

What it may do.
Nothing more.

Safe by defaultIt writes only in its own folder and asks you before anything goes out.

Is it for you?
Use it when it fits.

Quick checkRead both lists. If the left one sounds like you, the Ant Design (antd) skill helps.

Use it when

  • ✓ You write antd components
  • ✓ You migrate between antd versions
  • ✓ You debug an antd issue

Skip it when

  • – The project does not use antd
  • – You use another UI library

Questions

Ant Design (antd) skill, answered.

Does it need the network?

No. The CLI ships offline antd metadata for v4, v5 and v6.

Will it file bug reports?

Only when you ask, and only after you confirm a preview.

How do I install the Ant Design (antd) skill?

Copy the prompt at the top into your agent. It installs the skill from ant-design/ant-design-cli and sets up the habit. Or run npx skills add ant-design/ant-design-cli --skill antd.

Is the Ant Design (antd) skill free?

Yes. It is published under MIT. Habit is free too.

Ant Design (antd). Now as a habit.

Install the Ant Design (antd) skill and make it a habit: follow https://gethabit.dev/skills/ant-design/antd.md

  • Free
  • No account
  • Undo in one line

All ant-design skills →More code skills →

Works in

  • Claude Code
  • Codex
  • Cursor
  • ChatGPT
  • Claude app

Made by ant-design, published under MIT. Habit links to the original and never changes it. Is this your skill?

Copying didn't work here. Select the line and copy it by hand.