site-architecture
Web サイトのページ構成・ナビゲーション・URL・内部リンクを設計させる。階層は ASCII の木か Mermaid の図で出す
npx skills add coreyhaines31/marketingskills/site-architecture入れる前にこのスキルがすること・注意点・SKILL.md の原文を確かめてください。解析は安全性の判定ではありません。
- インストール
- 126,530
- 実用度
- 84
- GitHub star
- 58,879
- 最終更新
- 2026/11/7
頼み方の例
そのままコピーして使えますsite-architectureスキルを使って、この会計事務所のサイトのページ構成を設計してください。今あるページの一覧を渡すので、階層を ASCII の木で示し、ヘッダとフッタのナビゲーション、URL の決まり、残すべき URL と 301 転送が必要な URL を分けて出してください。ファイルの作成と書き換えはまだ行わないでください。
対象のファイルや状況は、ご自身の作業に合わせて置き換えてください。
このスキルがすること
SKILL.md の記述から機械的に抽出- ファイルを書き換える記述があります
これは安全性の判定ではありません。 SKILL.md にそう書かれているという事実だけを並べています。実際に問題があるかは使い方と文脈で決まるため、当サイトでは断定しません。導入前に SKILL.md の原文を確認してください。
SKILL.md の規模
コードブロックの言語: mermaid
いつ使うか
「どんなページが要るか」「どうつなぐか」を決めるときに効きます。新しくサイトを作るときの設計にも、既存のサイトの組み直しにも使えます。
本文が扱う 4 つ
- ページの階層トップから何段で届くか。浅い・中くらい・深い
- ナビゲーションヘッダ、ドロップダウン、フッタ、サイドバー、パンくず
- URL の決まりページの種類ごとの形（
/features/名前、/blog/記事など） - 内部リンク孤立ページを作らない、ハブとスポークでつなぐ
サイトの種類ごとに出発点がある
SaaS の宣伝サイト、ブログ、EC、ドキュメント、その混合、地域の小さな店。それぞれに、何段の深さが普通か、どんな節を置くか、URL をどう組むかの表があります。同梱の手引き（4 件）に、種類ごとのページ構成の雛形が入っています。
どこで作るか・移行も扱う
説明文の引き金には「どのサイトビルダーを使うべきか」「サイトを移行したい」「今のサイトにブログを足したい」も入っています。その場合は同梱の references/platforms-and-migration.md を読む指示です。
手引きは、構成が先で、道具はそれを載せられるものを選べという立場です。作ったあとや移行のあとの公開前の確認は、同じ公開元の launch に回しています。
決まりが数字で書いてある
- 大事なページにトップから届くまでのクリック
- 3 回
- ヘッダのナビゲーションの上限（多いと選べなくなる）
- 4〜7 項目
- 本文 1,000 語あたりの内部リンクの目安
- 5〜10 本
- どのページにも要る、内部からのリンク
- 1 本以上
使わないほうがいいとき
XML のサイトマップを作りたいとき
description が「XML サイトマップは技術 SEO の話で対象外」と書き、seo-audit に回しています。構造化データも別のスキル（schema）の担当です。
実装までさせたいとき
出すのは設計（階層の木、図、表）で、ルーティングやコードを書く手順は本文にありません。
ページ数が数ページの小さなサイト
1〜2 段で足りる構成なら、表と決まりを読むだけで済みます。
注意点
ファイル書き込みの記述がある
SKILL.md の解析では、ファイル書き込みの記述が見つかっています。外部通信とシェル実行の記述は見つかっていません。
同梱ファイルは 5 件です（2026-10-09 確認）。手引き 4 件（種類別の雛形、ナビゲーションの型、Mermaid の雛形、道具の選び方と移行）と、評価（evals）の問いの組 1 件です。
URL の例は英語を前提にしている
/features/analytics、/blog/seo-guide のように英単語の slug で組む前提です。
和文のサイトで日本語の URL にするか、ローマ字や英語にするかは書かれていないので、自分で決めて伝えてください。
URL を変えるときは 301 転送を強く求める
よくある失敗の一覧は、そのまま点検に使える
ブログの URL に日付を入れる、深すぎる入れ子、/product/12345 のような ID の URL、/blog?id=123 のようなクエリで本文を切り替える URL、節ごとに違う親の付け方。
同じ公開元のスキルと文脈を共有する
.agents/product-marketing.md
（古い構成では .claude/product-marketing.md など）があれば先に読み、書かれていないことだけを聞く決まりです。
この公開元のスキルの関係は文章・マーケティングの地図にまとめています。
インストール数
インストール数は約 10 万件です。同じリポジトリの 43 件は約 4.6 万〜20 万件に散っていて（2026-09-07 の上流集計）、1 件ずつ選ばれている形です。
インストール数の推移
日次で記録9月18日 〜 11月7日（49日分）
インストール数と 1 日あたりの増加は Skillselion が に集計した値です。上流の更新は数日おきなので、前日比ではありません。GitHub star と最終更新は に GitHub から取得しました。
併用すると強いスキル
よくある質問
図はどんな形で出てきますか
2 通りです。ざっと階層を見るなら ASCII の木（├── で枝分かれを描く形）、人に見せる資料や、ナビゲーションの区分・リンクの関係まで示すなら Mermaid の図です。どちらを使うかの目安も本文に書かれています。
パンくずと URL はそろえるべきですか
そろえる前提です。本文に「/features/analytics なら ホーム > 機能 > 分析」のような
URL とパンくずの対応表があります。パンくずは全ページに置き、どのページにも内部リンクを 1 本足せるので置け、という扱いです。
内部リンクは何本入れればいいですか
目安は本文 1,000 語あたり 5〜10 本です。加えて、トップ、主要な機能のページ、料金のように大事なページほど多くリンクされるようにする、アンカーの文字は「こちら」ではなく中身を表す語にする、と書かれています。
seo-audit とどう分けますか
こちらはページの構成を設計するスキル、seo-audit は既存のサイトを点検するスキルです。XML サイトマップや索引の問題は seo-audit、何のページを置いてどうつなぐかはこちらです。