ant-design

Ant DesignのGitでステージ済みの変更と最近のコミットを読み、今回の変更全体の意図を、既存の書式に合わせた一行のコミットメッセージにまとめるスキル。

• ステージ済みの変更に説明を付けたいとき
• 最近のコミットの書式に合わせたいとき
• 複数ファイルの変更を一行に要約

Ant Designの主にv4からv5への更新で、非推奨APIや削除された部品、テーマ設定を見直し、互換性を損なう変更への対応を進めるスキル。

• Ant Designをv4からv5へ更新したいとき
• 削除された部品や非推奨設定の置き換え
• Lessのテーマ設定を移行したいとき

Ant Designの色・余白・角丸などを共通設定し、部品ごとの見た目の調整やダークモード、CSS変数を使うテーマ設定まで支援するスキル。

• 配色やフォントをデザインに合わせたいとき
• ダークテーマを設定したいとき
• 特定の部品だけ見た目を調整したいとき

Ant Designのリリース準備とnpm公開を支援し、ブランチや版番号、用意済みの更新履歴を照合して、公開用PRの作成からマージ後の公開まで進めるスキル。

• リリース用PRを準備したいとき
• patchとminorの判断
• 中英文更新履歴と版番号の照合

Ant Designのテストが公開された動作を守っているかを静的にレビューします。実装をなぞるだけの検証や重複を見つけ、保持・書き直し・削除の判断を理由付きで示します。

• テストの保持・書き直し・削除の判断
• 実装をなぞるだけの検証を見つけたいとき
• 既存テストとの重複を確認したいとき

Ant Designの公式資料から、Reactコンポーネントの設定項目や初期値、使用例を調べます。子コンポーネントやメソッド、TypeScriptの型を確認する際にも使えます。

• コンポーネントの設定項目と初期値の確認
• 使用例やデモコードを探したいとき
• 子コンポーネントやメソッドの確認

Ant DesignのGitHub issueを確認し、不具合や機能要望の分類、返信案、ラベル変更、クローズの判断をまとめ、利用者の確認後に対応するスキル。

• 未返信のissueに返答したいとき
• 不具合と機能要望の分類
• dosubotの回答の確認

Ant Designのブランチ全体の変更を読み、公式テンプレートに沿ったPRの英語タイトルと本文、取り込み先を整理して、利用者の確認後に作成するスキル。

• ブランチ全体の変更を要約したいとき
• 公式テンプレートでPR文面を作成
• 取り込み先と変更種別の確認

Ant Designのバージョン間のPRを収集し、利用者に関係する変更を中国語と英語の更新履歴に整理します。公開前のプレビューからファイル更新、形式検証まで支援します。

• リリースタグと対象ブランチの差分収集
• 中国語と英語の更新履歴をそろえたいとき
• 内部変更を除き公開時の注目点を整理

Ant Design Proの既存プロジェクトを最新の公式テンプレートと比較し、独自の画面や業務処理を保ちながら依存関係・設定・APIの更新を進めます。

• 既存のAnt Design Proを更新したいとき
• 独自コードを保ってテンプレート更新を反映
• 更新時に非推奨APIを確認したいとき

Ant Designの部品の使い方や設定を調べ、画面の実装、不具合の調査、バージョン移行を支援します。既存コードの利用状況や非推奨の書き方も確認します。

• 設定やサンプルを調べて画面を作りたいとき
• 部品の不具合や設定を調査したいとき
• Ant Designの更新内容を確認したいとき

Ant Design Mobileのnpm公開に向け、バージョン確認、ビルド、配布内容の検査を進めます。利用者による公開後は、パッケージを検証し、タグとリリースを作成します。

• Ant Design Mobileの公開準備
• npm配布ファイルを確認したいとき
• 中英文のリリースノート作成

AIチャットなどのAPI通信に使うXRequestの設定を案内し、応答を順次受け取るストリーミング処理や認証、実行環境に応じた接続方法を整理するスキル。

• APIの応答を確認したいとき
• AIチャットのストリーミング通信を設定
• 独自APIをProvider経由で接続

独自APIから少しずつ届く応答を、Ant Design Xのチャットで扱える形式に変換する実装を支援します。組み込みProviderの選択や、通信設定・型の確認も扱います。

• 独自ストリーミングAPIの接続
• OpenAIやDeepSeek用Providerの選択
• 複数フィールドを持つ応答の変換

AIチャット画面をReactで作るために、会話の吹き出しや入力欄、添付ファイル、出典表示などの部品を選び、組み合わせ方とAPIの使い方を案内するスキル。

• 吹き出しと入力欄のある画面を作りたいとき
• 会話一覧と切り替えを追加したいとき
• 添付ファイルや出典を表示したいとき

チャットの回答や文書をMarkdownで表示する実装を支援します。段階的に届く文章の表示から、独自コンポーネントの組み込み、プラグインやテーマの調整まで扱います。

• チャットのMarkdown回答表示
• 受信途中のMarkdownを扱いたいとき
• 独自タグを画面部品として表示

AIエージェントが送るJSON命令から、操作できるカードやフォームをReactで表示し、入力データとの連動や操作結果の返送、段階的な描画を実装するスキル。

• AIチャットの返信に操作カードを表示
• エージェントの命令でフォームを作成
• 命令の到着に合わせて画面を描画

AIチャット画面の吹き出し、入力欄、会話一覧などを@ant-design/xで組み立てるスキル。部品の選び方から組み合わせ、APIの使い方まで案内します。

• 吹き出しと入力欄を実装したいとき
• 会話一覧と切り替え操作の追加
• 添付ファイルや引用元の表示

AIの応答や文書をMarkdownで表示する実装・レビューを支援します。生成途中の不完全な記法への対応から、独自部品への置き換え、テーマ調整まで扱います。

• 生成途中のAI応答を表示したいとき
• Markdown文書ビューアーの作成
• 独自タグやコード表示を拡張したいとき

AIエージェントのJSON命令から、Reactで操作可能なカードやフォームを描画します。データ連携、独自部品の登録、操作の返送、段階的な画面更新を支援します。

• エージェント用フォームを作りたいとき
• 命令に合わせてカードを更新したいとき
• 入力データと操作を連携したいとき

AIチャットの送信、返信の再生成、中止、エラー表示、複数会話の管理をuseXChatで実装するスキル。メッセージの状態管理と画面への接続を案内します。

• メッセージをチャット画面に接続したいとき
• 通信エラーや返信中止への対応
• メッセージ削除や返信の再生成

AIチャットの送信、返信の再生成、中止、エラー表示、複数会話の管理をuseXChatで実装するスキル。メッセージの状態管理と画面への接続を案内します。

• メッセージをチャット画面に接続したいとき
• 通信エラーや返信中止への対応
• メッセージ削除や返信の再生成

AIチャットの通信を担うXRequestの設定を支援するスキル。API接続、認証、応答を順次受け取る処理を、ブラウザとサーバーの違いに沿って案内します。

• AIチャットのストリーミング通信設定
• 独自APIをProviderに接続したいとき
• ブラウザの通信をプロキシ経由にしたいとき

独自APIから少しずつ届く応答をAnt Design Xで扱えるメッセージ形式へ変換するために、Chat Providerの選択と実装を案内するスキル。

• OpenAIやDeepSeek用Providerの選択
• 独自のSSE APIを接続したいとき
• 複数項目の応答を会話データへ変換