
效果预览
相似 Skill
查看全部 Skills你将获得
- 完整的 Mara Voss 示例作品集,共 15 个路由:4 个案例、4 篇文章、关于、履历、联系和 404,配摄影照片和逼真的产品界面。
- 可用的细节:作品筛选、带话题标签的文章搜索、案例图片切换、评价轮播、内联校验的联系表单,以及锁定焦点的移动端抽屉菜单。
- 你的作品集以单个离线文件交付,内嵌 Instrument Sans、Newsreader 和 Geist Mono 字体;另附产品界面 mockup 套件和风格规范。
适合
- 想把作品、文章和履历放在同一个链接后面的产品设计师和开发者。
- 需要用案例展示过程、成果和关键取舍的求职者。
- 想要一个安静、有真实内页的个人网站的摄影师、写作者、顾问或工程师。
不适合
- 张扬、多彩或大量动画的品牌;inkwell 安静、明亮,以字体为主导。
- 大型图库:每个案例只放几张精选图,而不是成百上千张。
- 实时表单:联系表单会校验并在页面内确认,接入服务前不会发送任何内容。
品牌建立与视觉规范网站与数字体验制作网页/单页站/仪表盘Build Portfolio Page风格锁定成果可编辑Gradient Ink TypographySidebar NavigationSoft Shadow CardsWarm Neutral Minimal
关于此 Skill

把你的项目、文章和工作经历变成一个沉静的个人网站:固定侧栏里有你的头像和深色 Read resume 胶囊按钮,旁边是带渐变墨色标题的白色纸面。示例是虚构的鹿特丹产品设计师 Mara Voss,有 4 个案例和 4 篇文章。

你将获得
- 首页、可筛选的作品列表、完整案例、可搜索的文章列表及文章页、关于、履历时间线、联系和精心设计的 404
- 案例页包含问题、过程、成果、关键取舍和图片切换
- 项目封面使用逼真的产品界面,可由 mockup 套件搭建,也可直接用你的截图
- 字体和图片嵌入单个文件,任何浏览器都能离线打开

如何使用
- 提供你的名字、职位、项目、工作经历和几个文章选题;缺少的文案会为你补写。
- Agent 搭建产品界面、生成或放入照片、填满每个页面,并在桌面和手机上检查。
- 打开交付的单个文件,逐页点击浏览,用日常语言提出修改。

联系表单只在页面内确认,接入服务前不会发送任何内容。用 Agent 的图像工具生成照片可能产生该工具的使用费用。
开始前需要准备什么
- 你需要提供
- 你的名字、职位、城市、档期和邮箱 · 两到四个项目,包含问题、过程、成果,有截图更好 · 工作经历和几个文章选题
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 中的图像生成工具(用于肖像、工作空间和文章照片),或由你提供照片
- 外部成本
- 肖像、工作空间和文章照片由 Agent 自带的图像工具生成,可能产生该工具的使用费用。产品界面以 mockup 搭建,任何图片都可以换成你自己的照片或截图。
- 最近实测
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









