Communitygithub.com

fkramer690/homepage

撰寫或更新 FK Solution Design 首页的部落格文章(英文與德文)。每當建立或修改部落格貼文、文章或專業稿件時使用此技能。

homepage 是什麼?

此技能專門用於管理 FK Solution Design 網站的雙語部落格內容(英文與德文)。開發者或 AI 代理應先完整閱讀 `docs/blog-guidelines.md` 並遵循其規範,然後根據 `docs/blog-template.md` 範本建立英文版本(路徑為 `src/content/blog/en/<slug>.md`)以及德文版本(路徑為 `src/content/blog/de/<german-slug>.md`),兩篇文章需使用相同的 `translationKey`,德文版需在地化並使用「Sie」敬稱。技能要求僅使用 Fabian 已確認的經驗與範例(來自簡報、專案記憶或對話),不可虛構,並且必須進行「AI 廢話審查」:刪除任何通用句子,替換為 Fabian 的具體事實,並朗讀一次。此外,需在 `src/lib/card-drawings.ts` 中為文章新增卡片繪圖項目(技術風格的簡圖,包含英文/德文標籤與來自文章的事實),設定 `draft: false` 後執行 `npm run build`,修正 `check-blog.mjs` 或內容結構的所有錯誤。最後檢視成品頁面與 `/blog/` 上的卡片(含重點摘要框、可折疊 FAQ、作者區塊、預約諮詢按鈕與聯絡表單),若主題適合則建議加入解說圖表,並在提交 Pull Request 時附加 2–3 則 LinkedIn 預告草稿。此技能適用於 Claude Code、Cursor 等支援專案結構與任務執行的 AI 代理平台,能確保部落格內容符合品牌規範、品質一致且雙語同步。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/fkramer690/homepage/tree/HEAD/.claude/skills/blog-article

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

撰寫部落格文章

  1. 完整閱讀 docs/blog-guidelines.md。其規則具有約束力。
  2. 將 docs/blog-template.md 複製到 src/content/blog/en/<slug>.md,並撰寫英文版本。
  3. 在 src/content/blog/de/<german-slug>.md 中撰寫德文版本,並使用相同的 translationKey。進行在地化處理,使用「Sie」敬稱。
  4. 僅使用 Fabian 已確認的經驗與範例(來自簡報、專案記憶、他的訊息)。若缺少範例,請詢問他,而不是自行編造。
  5. 對兩個版本進行 AI 廢話審查(參見指南中的「No AI slop」):刪除任何可套用於任何文章的句子,將通用主張替換為 Fabian 的具體事實,然後朗讀一次。
  6. 繪製部落格總覽的卡片圖像:在 src/lib/card-drawings.ts 中為文章的 translationKey 新增一個項目(輕量技術繪圖,包含文章事實的英文/德文標籤,請參見指南中的「Card image」)。每篇文章都有一個;缺少它建置就會失敗。
  7. 當文章準備好時設定 draft: false,然後執行 npm run build。修正 check-blog.mjs 或內容結構的所有訊息。
  8. 檢視建置完成的文章頁面一次,以及 /blog/ 上的卡片(頂部的重點摘要框、可折疊 FAQ、作者區塊、包含「預約諮詢」按鈕和底部聯絡表單的聯絡區域)和 dist/og/<lang>/<slug>.png 中生成的預覽圖片。 當主題適合時,建議加入解說圖表(請參見指南中的 Images)。
  9. 開啟 Pull Request,並在 PR 或討論串中為 Fabian 加入 2–3 則 LinkedIn 預告草稿。

請勿為了單一文章更改範本元件(src/components/BlogPost.astro、BlogIndex.astro)。版面變更會影響所有文章。

相關技能