Communitygithub.com

lenargum/CV

使用此技能可為 Lenar Gumerov 的個人履歷網站 (lenargum.me) 生成具有強烈品牌識別的介面與素材,無論是製作成品或一次性原型/模擬稿等。內含核心設計準則、色彩、排版、字型、資產,以及用於原型設計的履歷 UI Kit 重製版。

CV 是什麼?

此技能專為 Lenar Gumerov 的個人 CV/作品集網站而設計,該網站採用純黑美學(黑/炭灰表面、白色文字),搭配唯一的背景元素:一個由 WebGL 實現的動態 simplex 噪聲場。沒有漸層、行銷裝飾或表情符號。網站支援中英文雙語,角落的「熔岩燈」切換開關可讓整個 CV 淡出,僅保留噪聲背景。設計不使用網頁字型,故意依賴作業系統的無襯線字體堆疊。設計 token 儲存在 `colors_and_type.css` 中,元件重建則位於 `ui_kits/cv-site/`。對於視覺產物(投影片、模擬稿、一次性原型),技能會複製資產並建立使用者可檢視的靜態 HTML 檔案,重複使用噪聲畫布、分類標籤系統和 `cv-card` 容器。若處理正式程式碼,可複製資產並深入閱讀規則,成為此品牌設計的專家。原始網站位於 `CV/` 程式碼庫(使用 Astro + React + Tailwind)。如果使用者未提供其他指引,技能會提問並扮演專家設計師,根據需求輸出 HTML 產物或正式程式碼。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/lenargum/CV/tree/HEAD/src/design-system

在你喜歡的 AI 中提問

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

說明文件

閱讀此技能中的 README.md 檔案,並探索其他可用的檔案。

關鍵事實:

  • Lenar Gumerov 的個人 CV / 作品集網站,他是資深前端工程師。
  • 純黑美學 — 黑色/炭灰表面、白色文字,背景僅有動態 WebGL simplex 噪聲場。無漸層、無行銷裝飾、無表情符號。
  • 支援中英文雙語。角落的「熔岩燈」切換開關可讓整個 CV 淡出,僅留下噪聲。
  • 不使用網頁字型,故意依賴作業系統的無襯線字型堆疊。
  • 設計 token 位於 colors_and_type.css。元件重建位於 ui_kits/cv-site/。

若要建立視覺產物(投影片、模擬稿、一次性原型等),請複製資產並建立靜態 HTML 檔案供使用者檢視。重複使用噪聲畫布、分類標籤系統和 cv-card 容器 — 這些是品牌的核心。

若處理正式程式碼,您可以複製資產並閱讀此處的規則,成為此品牌設計的專家。原始網站位於 CV/ 程式碼庫(使用 Astro + React + Tailwind)。

如果使用者在沒有其他指引的情況下呼叫此技能,請詢問他們想要建立或設計什麼,提出一些問題,並扮演專家設計師,根據需求輸出 HTML 產物或正式程式碼。

相關技能