Communitygithub.com

fkramer690/homepage

FK Solution Designホームページ向けのブログ記事を英語とドイツ語で作成または更新します。ブログ記事、投稿、専門記事を作成・変更する際に使用します。

homepage とは?

このスキルは、FK Solution Designのホームページに掲載するブログ記事を執筆・管理するためのものです。開発者やAIエージェントユーザーが、所定のガイドラインとテンプレートに従って、英語版とドイツ語版の記事を効率的に作成できるようにします。Fabianから提供された具体的な事例やプロジェクトの情報のみを使用し、架空の内容を生成しないよう徹底します。また、ブログ一覧に表示されるカード画像の生成、ビルドの実行、プルリクエストの作成、さらにはLinkedIn用のティーザー下書きの提案まで、公開に必要な一連の作業を自動化します。コンテンツの品質を保つために「スロップレビュー」を実施し、汎用的な表現を排除するよう指示します。このスキルは主にAstroベースの静的サイトジェネレータ環境で動作し、`npm run build`コマンドを使用して最終的な出力を検証します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/fkramer690/homepage/tree/HEAD/.claude/skills/blog-article

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ブログ記事の執筆

  1. docs/blog-guidelines.md を完全に読むこと。そのルールは拘束力を持ちます。
  2. docs/blog-template.md を src/content/blog/en/<slug>.md にコピーし、英語版を執筆します。
  3. 同じ translationKey を使って、ドイツ語版を src/content/blog/de/<german-slug>.md に執筆します。ローカライズし、「Sie」を使用します。
  4. Fabian が確認した経験と事例のみを使用します(ブリーフィング、プロジェクトの記憶、彼のメッセージ)。事例が不足している場合は、創作せずに彼に確認してください。
  5. 両バージョンに対してスロップレビューを実施します(ガイドラインの「No AI slop」参照): どの記事にも当てはまるような文章はすべて削除し、一般的な主張をFabianの具体的な事実に置き換え、一度声に出して読み上げます。
  6. ブログ一覧用のカード画像を描画します: src/lib/card-drawings.ts に記事の translationKey のエントリを追加します(軽めの技術的な図、記事の事実に基づく英語/ドイツ語ラベル、ガイドラインの「Card image」参照)。記事ごとに1つ必要です。これがないとビルドは失敗します。
  7. 記事の準備ができたら draft: false に設定し、npm run build を実行します。check-blog.mjs またはコンテンツスキームからのすべてのメッセージを修正します。
  8. ビルドされた記事ページ、/blog/ 上のカードとその描画(上部の takeaways ボックス、折りたたみ可能な FAQ、著者ボックス、下部の「Book a call」と問い合わせフォームがあるコンタクトセクション)、および dist/og/<lang>/<slug>.png に生成されたプレビュー画像を確認します。 トピックが図による説明を必要とする場合は、説明図を提案します(ガイドラインの「Images」参照)。
  9. プルリクエストを開き、Fabian 用の LinkedIn ティーザー下書きを2~3件、PRまたはスレッドに追加します。

単一の記事のためにテンプレートコンポーネント(src/components/BlogPost.astro、BlogIndex.astro)を変更しないでください。レイアウトの変更はすべての記事に適用されます。

関連スキル