CLAUDE.md ビューア＆エディタ

AI の指示ファイルにこそ、ちゃんとしたビューアを

コーディングアシスタントは Markdown で操られています。CLAUDE.md は Claude Code にプロジェクトのビルド方法や避けるべきことを伝え、AGENTS.md は他のコーディングエージェントに同じ役割を果たし、SKILL.md は再利用できるスキルをまとめ、GEMINI.md、計画書、設計メモも同じ形式です。テキストで書かれていますが、中身は構造だらけです：入れ子になったルールのリスト、コマンドの表、シェルのコードスニペット、警告、他のファイルへのリンク。生のテキストのまま読むのは疲れますし、ひとつの余分なアスタリスクや閉じ忘れたコードフェンスが、文書の解釈を黙って変えてしまうこともあります。

ここで開けば、書き手の意図どおりに見えます：アウトラインから移動できる見出し、正しくインデントされたルールのリスト、列が揃った表、ワンクリックでコピーできるコードブロック、目を引く > [!WARNING] のコールアウト。指示ファイルをコミットする前に確認したり、エージェントが作った長い計画書を承認する前に読んだりするのに手早い方法です。

AGENTS.md・SKILL.md・計画書を開いて読む

• ディスクから：開く → ファイルを開く…を使うか、ファイルをページにドラッグします。プロジェクトの指示ファイルは通常リポジトリの直下にあり、スキルはファイル選択ダイアログで辿れるフォルダにあります（パスがドットで始まる場合は隠しフォルダを表示してください）。
• リポジトリから：ファイルへの GitHub リンクを開く → URL から開く…に貼り付けます。Markdown ファイルにつながる公開 URL なら、2 MB まで取得できます。
• ターミナルやチャットから：エージェントの回答をコピーして、エディタに貼り付けます。表、コード、図がすぐにレンダリングされ、結果を HTML や PDF に書き出せます。

SKILL.md では、2 本の --- の間にある YAML フロントマターが本文の上に独立したブロックとして表示されるため、名前や説明を簡単に確認できます。ビューアはスキルの検証を行いません — テキストをレンダリングして見せるだけです。

図・表・コールアウトをそのまま表示

エージェントはアーキテクチャの説明に Mermaid 図を好んで使います：mermaid のフェンスブロックは、フローチャート、シーケンス図、クラス図、状態遷移図、ガントチャートなどとしてプレビューにそのまま描かれます（対応する図の種類は Mermaid ライブエディタのページに一覧があります）。オプションやエンドポイントの表は本物の表になり、タスクリストはチェックボックスで表示され、ドル記号で囲んだ数式は KaTeX で組版され、コードブロックは 50 以上の言語でハイライトされてヘッダーに言語名が表示されます。インライン HTML はページに届く前にサニタイズされるため、自分で書いていない文書がここでスクリプトを実行することはできません。

ライブプレビューで編集して、元に戻す

分割レイアウトに切り替えれば、ソースの横でレンダリング結果を見ながら指示ファイルを整えられます。エディタには書式ツールバー、ショートカット、リストの自動継続、Tab によるインデントがあり、プレビューは編集中の行に合わせてスクロールします — ひとつのインデントのずれが意味を変えてしまう長いファイルで役に立ちます。終わったら、書き出し → .md をダウンロードでプロジェクトフォルダに戻すファイルが手に入り、Markdown をコピーでテキストをクリップボードにコピーできます。見出しにセリフ体を使う Claude テーマを含む 16 種類のライト／ダークテーマから、長い文書に合った読み心地を選べます。

記法に慣れていませんか？ マークダウン記法 一覧で 1 ページにまとめて確認でき、md ファイルのガイドでは Windows、Mac、スマートフォンでの .md ファイルの開き方を説明しています。

プロジェクトの指示は外に出ません

指示ファイルや計画書には、社内のツール、パス、規約の名前が出てくることがよくあります。Markdown Viewer はすべてをブラウザ内の JavaScript でレンダリングし、文書を端末のローカルストレージに保存します。アカウントもサーバー上のコピーもありません。当サイトのサーバーが関わるのはリンクを開くときだけで、その取得は保存もログ記録もされません。詳細はプライバシーのページをご覧いただくか、メインのマークダウンビューアを開いて読み始めてください。