AI 에이전트용

AI 에이전트용 (For Agents)

이 페이지는 어떤 AI 코딩 에이전트든 Ant Design을 효과적으로 사용할 수 있게 해 주는, 바로 사용 가능한 프롬프트를 제공해요.

출처: 문서

본문

이 페이지는 어떤 AI 코딩 에이전트든 Ant Design을 효과적으로 사용할 수 있게 해 주는, 바로 사용 가능한 프롬프트를 제공해요.

이 프롬프트를 복사하세요

여러분의 에이전트 대화나 자동화 러너(runner)에 복사해서 넣으세요.

This version may contain breaking changes. The component APIs, conventions, and file structure may differ from what is included in your training data. Before writing any code, please read https://ant.design/docs/react/for-agents.md and https://raw.githubusercontent.com/ant-design/ant-design-cli/main/skills/antd/SKILL.md, pay attention to deprecation warnings, and follow the instructions to use Ant Design.

If you can install skills, run:
npx skills add ant-design/ant-design-cli

에이전트가 얻게 되는 것

CLI — 오프라인 지식과 프로젝트 도구

@ant-design/cli는 모든 메타데이터를 로컬에 담고 있어요. antd v3 / v4 / v5 / v6의 모든 prop, token, 데모, 변경 로그 항목을 밀리초 단위로, 완전히 오프라인에서 조회할 수 있어요.

npm install -g @ant-design/cli

antd list                           # All components with versions
antd info Button                    # Component props, types, defaults
antd doc Button                     # Full markdown documentation
antd demo Select basic              # Runnable demo source code
antd token DatePicker               # Design Token values (v5+)
antd design.md                      # Design-language document (design.md)
antd semantic Table                 # classNames / styles structure
antd changelog 4.24.0 5.0.0 Select  # API diff across versions
antd doctor                         # Diagnose project issues
antd env                            # Collect env info for bug reports
antd usage ./src                    # Analyze antd imports in project
antd lint ./src                     # Check deprecated APIs & best practices
antd migrate 3 4                    # v3 to v4 migration guide
antd migrate 4 5 --apply ./src      # Agent-ready migration prompt
antd mcp                            # Start MCP server for IDE integration
antd setup --client claude          # Set up MCP/Skill for AI agents
antd upgrade                        # Upgrade CLI to latest version

전체 참조: CLI

design.md — 디자인 언어 컨텍스트

design.md는 AI 디자인 도구를 위해 만들어진 문서예요. Ant Design 기본 라이트 테마의 비주얼 언어, 컴포넌트 원형(archetype), 테마 토큰을 설명해요.

전체 참조: design.md

MCP 서버 — IDE 통합

CLI는 MCP 서버로도 동작하며 8개의 도구와 2개의 프롬프트를 제공해서 (Claude Code, Cursor, VS Code 등) IDE와 통합할 수 있어요.

{
  "mcpServers": {
    "antd": {
      "command": "npx",
      "args": ["-y", "@ant-design/cli", "mcp"]
    }
  }
}

전체 참조: MCP 서버

LLMs.txt — LLM용 구조화 문서

완전한 컴포넌트 문서를 AI 컨텍스트에 직접 넣어 보세요:

File	Description
llms.txt	모든 문서와 컴포넌트로 연결되는 내비게이션 파일
design.md	AI 디자인 도구용 디자인 언어 설명
llms-full.txt	전체 컴포넌트 문서 (영문)
llms-full-cn.txt	전체 컴포넌트 문서 (중문)

개별 컴포넌트 문서도 https://ant.design/components/<name>.md에서 확인할 수 있어요.

전체 참조: LLMs.txt, design.md

AI 에이전트용