AIと使う
AIコーディングアシスタントを活用すると、Markuplintをより効果的に使えます — 警告の理解から設定ファイルの作成まで。
警告を理解する
Markuplintが違反を報告したら、エラーメッセージをAIアシスタントに貼り付けて、説明と修正方法を聞くことができます。各違反にはルール名（例: attr-duplication）が含まれており、AIが内容を調べてくれます。
The attribute name is duplicated Markuplint(attr-duplication) [Ln 11, Col 45]
AIアシスタントに聞いてみましょう:
- 「このMarkuplintの警告はどういう意味？」
- 「
permitted-contentsを解消するにはHTMLをどう修正すればいい？」
設定ファイルを書く
AIアシスタントに、プロジェクトに合わせたMarkuplintの設定ファイルを生成してもらえます。環境を説明して設定を作ってもらいましょう:
- 「Reactプロジェクト用の
.markuplintrcを作って」 - 「BEMクラス命名を強制するルールをMarkuplintの設定に追加して」
- 「
data-testid属性を許可するようにMarkuplintを設定して」
AIコーディングエージェント
Claude Code、Cursor、GitHub CopilotなどのAIコーディングエージェントは、開発ワークフローの中で直接Markuplintを実行できます:
- 生成コードのリント — HTML生成後に
npx markuplintを実行するようエージェントに依頼 - 違反の自動修正 — エージェントがMarkuplintの出力を解釈して修正を適用
- プロジェクトのセットアップ — エージェントがフレームワークに合わせて
.markuplintrcファイルを直接作成
備考
npx markuplint --init は対話式のため、手動入力が必要です。AIエージェントは設定ファイルを直接書く方が確実です。パーサーとスペックパッケージについてはHTML以外で使うを参照してください。
ヒント
AIエージェント開発者向け: エージェントがMarkuplintをより効果的に利用するためのSKILLファイルを計画中です。