SMALLCAPS

極簡手感個人網站

SMALLCAPS 是給 Claude Code、Codex 與 Cursor 使用的免費 AI Skill,可以做出單色小字、互動手感細膩的個人網站。單色、小字、留白很多的個人網站,力氣全花在手感上:滑過作品列時縮圖追著游標跑並隨速度傾斜、其他列同時退開,按鈕被游標吸過去,標題逐字升起,⌘K 叫出可以搜尋的指令選單,深淺色一鍵互換。

包含內容

  • 完整網站,以原生 HTML、CSS、JavaScript 製作,不需要任何圖檔
  • 線上示範網站,可以直接看成品
  • ⌘K 指令選單、追游標的縮圖、磁吸按鈕與深淺色互換

適合

  • 設計師與前端工程師
  • 接案者的個人網站
  • 想要作品集不像模板的人

需要準備

  • 名字與一句定位
  • 六件作品的名稱、類型與年份
  • 兩段自我介紹與四項基本資料
  • 聯絡方式

常見問題

複製後貼進 Claude Code、Codex 或 Cursor,或存成 SKILL.md 放進工具的 skills 資料夾。AI 會下載素材包、詢問缺少的資料,並在你的專案資料夾完成網站。Skill 的使用方式

包含。原文寫了完整的指令選單:用原生 dialog 做,支援模糊搜尋(打的字母依序出現就會中)、上下鍵移動、Enter 執行、Esc 關閉,指令涵蓋跳段落、切換深淺色、複製 Email 與打開每一件作品。

可以。提供品牌名稱與文案,再用自己的檔案替換素材包,檔名維持不變即可。Skill 也要求 AI 不得編造評論、獎項、地址或電話。

免費。註冊或登入後,就能在本頁複製。