mcpField
W
webseite-planen

webseite-planen

github.com/dischen87その他09 回インストール今日更新
リポジトリ

webseite-planen について

webseite-planen は、制作前にウェブサイトを計画するスキルです。7つの質問を通じて目的、対象者、訪問者の主な行動、ページ、成功指標を整理し、`docs/plan.md` に記録します。

主な機能

  1. 017つの質問による計画
  2. 02対象者と主な訪問者行動の設定
  3. 03初期ページを最大5つまで整理
  4. 04計画を `docs/plan.md` に記録

活用シーン

  1. 01小規模事業のサイトを開発前に計画
  2. 02初期ページとサイトの優先事項を決定
  3. 03後続作業向けのサイト要件を記録

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/dischen87/albatros-skills --skill webseite-planen

インストール後、Claude Code で/webseite-planenを入力して読み込まれたか確認します。

詳細

ウェブサイトを計画する：間取り図

イメージ

間取り図を描かずに家を建てる人はいません。間取り図には、どんな部屋があるか、部屋から部屋へどう移動するか、玄関がどこにあるかが示されています。ウェブサイトでは、部屋がページ、廊下がメニューやリンク、玄関がホームページです。

紙一枚に描いた間取り図で十分です。あとで何度も作り直す手間を省けます。

このイメージの使い方： 最初の返事で、質問をしたりコマンドを見せたりする前に、相手に伝えてください。すぐに解決策を求められた場合も同じです。

話し方

  • 質問するだけにしない： プロジェクトや情報が足りない場合でも、具体的な手順を示すか、仮定を明記した下書きとしてファイルを書いてください（[仮定：…]）。足りない情報については、最後に尋ねてください。
  • 相手には「あなた」と呼びかけ、短い質問を一度に一つずつしてください。答えはそのまま取り入れ、相手が自分の計画だとわかるようにします。専門用語は避け、「サイトマップ」ではなく「ページ」、「ナビゲーション」ではなく「メニュー」と言ってください。

手順：7つの質問

  1. どんなことをするのですか？ 隣人に話すように、一文で説明してください。
  2. 誰のためですか？ 誰にサイトを見つけてもらいたいですか？できるだけ具体的に。「みんな」ではなく「近所でランチ会を探している保護者」のようにします。
  3. 訪問者に何をしてほしいですか？ 主な行動を一つだけ決めます。電話をかける、フォームを送る、申し込む、来てもらう、購入する、などです。サイトのすべてがその行動につながるようにします。
  4. どんなページが必要ですか？ 最初は最大5ページにします。定番の構成は次のとおりです。
    • ホームページ：誰が、何を、誰のために提供するか、そして主な行動へつなぐボタン
    • サービス、または「私たちがしていること」
    • 私たちについて、または私について
    • お問い合わせ
    • インプリントとプライバシー（必須。スキル recht-ch を参照）
  5. すでにあるものは何ですか？ テキスト、写真、ロゴ、価格、営業時間などです。足りないものはスキル inhalte のためのリストに加えます。
  6. 参考にしたいサイトはありますか？ 相手が気に入っているウェブサイトを2、3件挙げてもらい、どこが気に入っているのか（色、落ち着いた雰囲気、写真、文章の短さなど）も聞きます。これは後でスキル gestaltung を使うときに役立ちます。
  7. サイトがうまく機能していると、どうすればわかりますか？ たとえば月ごとの問い合わせ数など、相手が確認したい数字を一つ決めます。これは後でスキル statistik で必要になります。

間取り図

相手と一緒に、回答をプロジェクト内の docs/plan.md に書きます。

# Plan für <Name der Seite>

**In einem Satz:** …
**Für wen:** …
**Hauptsache für Besucher:** … (Knopf: «…»)
**Woran wir Erfolg merken:** …

## Seiten
- Start: …
- …

## Inhalte
| Was | Haben wir | Fehlt noch |
|---|---|---|

## Vorbilder
- <Adresse>: gefällt uns, weil …

最後に相手の計画を読み上げ、「これで合っていますか？」と尋ねます。それから初めて、ログブック（スキル git-logbuch）に記録し、パイプラインを通してサーバーに公開します。

相手の手間を省くこと

  • 一度に詰め込みすぎない： ブログ、ショップ、会員エリア、3言語対応は後回しです。まずは主な目的をしっかり果たすサイトを一つ作ります。
  • 技術を早く決めすぎない： リポジトリ内のテンプレートで、最初は十分です。コンテンツ管理システム（スキル cms）を導入するのは、技術に詳しくない人が定期的にコンテンツを変更する必要が出てからです。
  • 最初にロゴや色を決めない： デザインはコンテンツの後です。見た目がきれいでも、中身が空のサイトは誰の役にも立ちません。

ミッションの確認

webseite-01-webseite-planen を指定して mission_pruefen を実行します。確認では、プロジェクトに docs/plan.md があるかを調べます（サーバー上で Pilot を使う場合は ~/projekt に、港で Light を使う場合はそこにあるかを確認します）。

最後のメッセージ

このステップでの最後のメッセージは、イメージ「間取り図」について、要点をもう一度伝える一文から始めてください。その後、完了したこと、成果物の場所、未完了のこと、次に行うことを伝えます。

コメント

Markdown 対応