
效果预览
运行于
生成模型
宿主 Agent 模型
相似 Skill
查看全部 Skills你将获得
- 一个 basalt 风格的单文件开发者作品集——Hero 简介、Tab 式工作经历、项目卡片、GitHub 风格仓库网格、博客列表、Uses 装备栏、时间线、演讲与页脚
- 深锌灰配单一青色点缀的设计系统:悬浮胶囊导航、悬停光晕卡片,以及沿每条竖向轨道下坠的动画光束
- 零后端的真实交互:经历 Tab 切换、Show More 仓库展开、移动端菜单遮罩,以及会坦诚说明自己是演示的联系表单
- 与整页风格一致的深色应用截图直接嵌入项目卡片,页面一打开就是成品
适合
- 想用一页滚动展示项目、经历和开源作品的开发者与独立开发者
- 今晚就要把「hire me」页面挂上线的求职者——一个 HTML 文件,无构建步骤,对托管没有要求
- 希望整页都是可直接编辑的纯 HTML/CSS/JS,或在自己的 React、Vue、Svelte、Astro 项目里原生生成的人
不适合
- 实时 GitHub 数据——仓库区块刻意做成静态,让文件可以离线运行并嵌入沙箱环境
- 明亮、多彩或以照片为主的个人品牌——basalt 是深色、安静、以排版为主的
- 真实可用的联系后端——悬浮表单只在页面内校验和回应,并且明说了这一点
品牌建立与视觉规范数字出版物与网页展示制作网页/单页站/仪表盘Build Portfolio Site风格锁定成果可编辑Beam MotionCyan AccentDark ZincDeveloper MinimalHover Glow Cards
关于此 Skill

把你的名字、工作经历和业余项目变成一个完整的开发者作品集:近黑的页面配一种青色点缀、悬浮胶囊导航,以及招聘方会逐段翻找的所有区块——简介、经历、项目、开源、写作、装备。产出是一个从磁盘就能打开的 HTML 文件,渲染出来的那一刻就是成品。

你会得到什么
- 一页滚动的作品集:Hero 简介、由下坠光束点亮的 Tab 式工作经历、带截图封面的项目卡片、可 Show More 展开的 GitHub 风格仓库网格、博客列表和 Uses 侧栏
- 从导航胶囊到页脚贯彻一致的 basalt 设计系统——深锌灰、单一青色点缀、悬停光晕卡片
- 零后端的真实交互:经历 Tab、移动端菜单,以及会校验输入并坦诚说明自己是演示的联系表单
- 按需启用的扩展区块:逐年时间线和带 CSS 视频缩略图的演讲区

怎么使用
- 说清你是谁:姓名、职位、几段工作经历和做过什么、你的项目与仓库。要点式罗列即可。
- 你略过的部分——简介、仓库一句话、博客摘要——会按这套克制自嘲的语气代你起草,然后填入锁定的模板。
- 打开文件通读一遍,用大白话提修改:「把时间线换成演讲」「star 数调高一点」「简介再短些」。
- 发布到任何能放静态文件的地方,或让它在你的 React、Vue、Svelte、Astro 项目里按同一套设计生成。

开始前需要准备什么
- 你需要提供
- 你的姓名与职位一句话、简短个人简介、附几条成果要点的工作经历、3–6 个项目、若干开源仓库,以及可选的博客、装备清单和演讲
- 最近实测
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









