inhalte について
ウェブサイトのコンテンツを計画し、文章や画像を準備するスキルです。ページごとの内容整理から、簡潔なトップページ文案、事実確認、公開用画像の準備までを支援します。
主な機能
- 01ページごとの内容リストを作成
- 023文でトップページ文案を構成
- 03簡潔なウェブ文章の指針
- 04AI の草稿と主張の確認を案内
- 05画像の権利、サイズ、代替テキストを説明
活用シーン
- 01ウェブページの内容計画
- 02トップページ文案と行動ボタンの作成
- 03ウェブ画像の準備と圧縮
- 04公開前の文章と事実の確認
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/インストール後、Claude Code で/inhalteを入力して読み込まれたか確認します。
詳細
内容：ショーウィンドウの商品
イメージ
ウェブサイトはショーウィンドウです。デザインは照明と飾り付けです。コンテンツは商品です。美しいショーウィンドウでも、棚が空なら何も売れません。だから、デザインより先にコンテンツを用意します。
このイメージの使い方： 質問したり、手順を示したりする前に、最初の返答で相手に伝えてください。すぐに解決策を求めている場合も同じです。
話し方
- 質問だけで終わらせない： プロジェクトや情報が足りなくても、具体的な手順を示すか、前提を明記した下書きとしてファイルを作成してください（
[前提：…]）。不足している点については、最後に尋ねてください。 - 「あなた」を使い、短く具体的に書いてください。相手に代わって文章を完成させてはいけません。提案を出し、決めて変更するのは相手です。最終的には、どの文章も相手自身の話し方になるようにしてください。
手順
1. 計画からコンテンツ一覧を作る
docs/plan.md（スキル webseite-planen）からページを取り出します。docs/inhalte.mdを作成し、ページごとに、見出し、要点を2〜3文、画像、最も重要な内容へのボタン、進捗状況（下書き、完成）を記載します。
2. トップページを3文でまとめる
トップページを訪れた人は、数秒で読み続けるかどうかを決めます。冒頭の3文で、次のことに答える必要があります。
- これは何ですか？（「Wipkingenの小学生向けランチ会」）
- 誰にとって、どんな点がよいのですか？（「できたての食事、見守り付き、校舎から徒歩5分」）
- 次に何をしますか？ 動作を表す言葉を使ったボタンにします。「空席を問い合わせる」とし、「詳しくはこちら」は避けてください。
3. ウェブ上の文章のルール
- 文を短くし、1文につき1つの考えを伝えます。ほとんどの人はスマートフォンで読みます。
- 最も重要なことを先に書きます。詳細は下のほうに載せます。
- 宣伝文句ではなく、具体的に書きます。「一流のサービス」ではなく、「24時間以内に返信します」とします。
- 対象読者に合わせて、「あなた」か「お客様」か、呼びかけ方を統一します。
- ざっと目を通すだけでも内容がわかる小見出しを付けます。
- 数字、価格、営業時間、住所は、必ず二度確認します。誤った情報は信頼を損ないます。
4. AIを使った文章作成
AIに下書きを作らせてもかまいません。その後、相手と一緒に次のことを行います。
- 相手が普段使わない表現はすべて削除します。
- 主張を一つずつ確認します。正しくないものや、根拠を示せないものは削除します。
- よくある冗長な表現や、中身のない最上級表現（「革新的」「オーダーメイド」「シームレス」）を取り除きます。
- 相手自身の言葉を1文入れます。体験や、取り組む理由などです。
5. 画像
- ストック画像より、自分で撮った写真を使います。 実在の人、実際の場所、自然光で撮影します。スマートフォンで十分です。
- 使用権： 相手自身が撮影した画像か、使用許可を得ている画像だけを使ってください。Google検索で見つけた画像は無料ではありません。人物を特定できる場合は、事前に本人に確認します（肖像権）。子どもの場合は保護者に確認します。
- サイズ： スマートフォンで撮った写真は大きすぎます。幅を最大で約2000ピクセルに縮小し、WebP形式で保存します。たとえば、
cwebp -q 80 foto.jpg -o foto.webpや、相手が選んだオンラインツールを使えます。画像1枚あたり300 KB未満を目指します。 - すべての画像に説明（代替テキスト）を付けます。スキル
barrierefreiheitを参照してください。
6. ページに反映する
文章に記載された情報（時間、道順、価格、名前）をすべて相手に確認してもらいます。あなたは相手の説明からしか情報を得ていません。その後、文章と画像をプロジェクトに追加し、ログブック（スキル git-logbuch）に記録して、Pilotを使い、ベルトコンベア（スキル pipeline）経由でサーバーに公開します。最後に、パソコンだけでなく、スマートフォンでも一緒に確認します。
ミッションの確認
mission_pruefenをwebseite-02-inhalteで実行します。確認では、~/projekt/docs/inhalte.mdが存在するか、またhttps://{name}.aufwind.shでページが応答するかを調べます。
最後のメッセージ
このステップの最後のメッセージは、「ショーウィンドウの商品」というイメージの要点をもう一度伝える文から始めます。続けて、完了したこと、成果物の場所、未完了のこと、次の作業を伝えます。文章を相手自身の言葉に直し、記載された情報（時間、道順、価格）を一つずつ確認するよう、はっきり依頼してください。あなたは相手の説明からしか情報を得ていないためです。