ant-design

ant-design-cli

Frontend🌱 NEW PROJECT BOOST#Ant Design#CLI #React #Developer Tools

195

// 概要

@ant-design/cli は、 Ant Design のコンポーネントメタデータやドキュメントをオフラインで検索できる包括的なコマンドラインツールです。バージョンごとの正確な API 検索、プロジェクト分析、自動マイグレーションガイダンスを提供し、開発者や AI エージェントを支援します。直接的な CLI コマンド、 MCP サーバーサポート、エージェント対応の出力形式を通じて、開発ワークフローにシームレスに統合されます。

// 技術解説

@ant-design/cli は、 Ant Design の API メタデータ、ドキュメント、移行ガイドへオフラインで即座にアクセスできるように設計された専用のコマンドラインツールです。 antd v3 から v6 までの包括的なバージョンスナップショットをバンドルすることで、開発者や AI コードエージェントにとってのドキュメント検索の遅延や不正確さという問題を解決します。そのアーキテクチャは開発者体験とエージェントの利便性を優先しており、構造化された JSON 出力や、最新の IDE や自動化ワークフローへのシームレスな統合を促進する MCP サーバーを提供します。

// 主要ハイライト

すべてのメタデータをバンドルすることで完全にオフラインで動作し、ネットワーク遅延や外部 API キーへの依存を排除します。

55 以上のマイナースナップショットにわたるバージョン正確なデータを提供し、特定の antd バージョンの正確な API サーフェスをクエリできます。

構造化された JSON 出力、明確な stdout/stderr の分離、特定のエラーコードにより、 AI エージェント向けに最適化されています。

組み込みの MCP サーバーを備えており、 Cursor や Claude Desktop などの IDE とのネイティブな統合が可能です。

メジャーバージョン間のアップグレードに向けたステップバイステップのチェックリストと自動修正可能なプロンプトを提供する、堅牢な移行エンジンを搭載しています。

英語と中国語のバイリンガルドキュメントをサポートしており、シンプルなコマンドラインフラグで切り替え可能です。

// ユースケース

バージョン固有のコンポーネント props 、 design tokens 、ドキュメントのオフライン検索

プロジェクトの使用状況分析および非推奨 API やアクセシビリティの問題に関するコードの linting

Ant Design のバージョンアップグレードに向けた自動マイグレーションチェックリストとプロンプトの生成

// クイックスタート

開始するには、 'npm install -g @ant-design/cli' を使用して CLI をグローバルにインストールします。インストール後、 'antd info Button' のようなコマンドを使用してコンポーネント情報を即座にクエリしたり、 'antd doctor' を実行して現在のプロジェクトの設定を診断したりできます。 AI 支援開発の場合は、 'npx skills add ant-design/ant-design-cli' を使用してスキルとして追加するか、 IDE 設定で MCP サーバーとして構成してください。