Communitygithub.com

個人網站技能/作品集案例製作

在現有網站中製作或更新一份有證據支持的個人作品集案例,用於敘述事實與媒體素材獲得批准之後。

作品集案例製作 是什麼?

這項技能專門用於在已有的個人網站或作品集項目中,基於已批准的敘述事實與媒體素材,產出一份結構完整、可被驗證的案例研究。它強調誠實且完整地呈現已批准的內容,避免在素材不足時編造敘述。該技能支援多語言環境,要求僅在確認的語言路徑下附加本地化內容,絕不為了填補英文路徑而自動翻譯事實。在媒體處理上,技能要求添加有意義的替代文字、已知尺寸,並保持閱讀寬度,避免強制將密集圖表塞入行動版佈局。最終會透過 lint、型別檢查、生產建置以及目標語言路由、待處理/部分行為、SEO 元資料、鍵盤連結、圖片載入與行動裝置溢出等驗證,確保案例品質,並將已批准內容與尚缺部分分開報告。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/husheng-web/personal-website-skills/tree/HEAD/skills/portfolio-case-production

在你喜歡的 AI 中提問

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

說明文件

作品集案例製作 是做什麼的?

實作一個專案案例,避免將未完成的素材轉變為虛構的敘述。

編輯前

檢視儲存庫的專案註冊表、內容合約、案例元件、語言處理方式,以及一個現有的類似案例。識別哪些事實與媒體已確實獲得批准。

實作樣式

  • 在註冊表中保留識別資訊、路由/狀態與精簡的元資料;將已批准的敘述放入儲存庫既有的內容層;將佈局與媒體處理保留在可重複使用的元件中。
  • 僅渲染支援的章節與區塊。當一個案例誠實地省略了無法取得的證據時,它仍然是有效的部分案例。
  • 刻意附加本地化內容。不要僅僅為了填滿英文路由而自動翻譯事實性內容。
  • 僅在主機合約要求時,才添加具有有意義的替代文字與已知尺寸的媒體。保留預期的閱讀寬度,並避免將密集的圖表強制塞入行動版佈局。

驗證

執行相關的 lint、型別與生產建置檢查。驗證目標語言路由、待處理/部分行為、SEO 元資料、鍵盤連結、圖片載入以及行動裝置溢出。將已使用的已批准內容與尚缺部分分開報告。

邊界

不要使用這項技能來建立新的設計系統或做出未經批准的公開宣稱。當來源素材不明確時,應先進行內容導入流程。

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

相關技能