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 关闭,指令涵盖跳到每个段落、切换深浅色、复制邮箱,以及打开每一件作品。

可以。提供品牌名称与文案,再用自己的文件替换素材包,文件名维持不变即可。Skill 也要求 AI 不得编造评论、奖项、地址或电话。

免费。注册或登录后,就能在本页复制。