个人作品集页生成器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_af163eaa/z-portfolio-html
技能介绍
要解决的问题
手头有一堆项目:代码仓库、线上 Demo、截图、设计稿,却没有一个统一的入口;简历只能列条目,讲不清每个项目做了什么、用到什么技术;从零写一个作品集页又太重,想快速得到一个能直接发给别人看的单页 HTML。这时,把项目清单交给一个能生成作品集页的 Agent 技能,比从模板库复制代码更直接。
技能如何工作
该技能把「项目列表 → 可视化页面」的流程拆成几步:
- 整理作品清单:收拢项目名称、简介、链接或截图、角色等信息,后续也可分步索要字段。
- 组装单页:用
头部简介做定位,用作品网格卡片展示每个项目,必要时补一个联系方式区。 - 生成自包含 HTML:产出
零外链、移动端自适应的单文件,可直接部署或转发。
核心能力是围绕 作品展示,而不是写简历文案:它保留更明显的页面结构,让访问者先看到作品,再看到简介。
触发词可写成:
- 作品集页
- 个人作品集
- 作品集
- 作品展示页
portfolio- 项目集页
适用边界与注意点
适合需要快速得到一个可分享作品页的人:申请人、自由职业者、开源作者、内部转岗需要展示项目的人。不适合替代完整官网、复杂作品管理系统或需要会员登录的内容平台;页面结构由资料决定,不适合塞入大量自定义动效或复杂表单。
资料中明确给了两条红线:联系邮箱要用 you@example.com 占位;同时页面要 零外链,截图只写 URL 占位。也就是说,它更偏向讨论结构与展示方式,而不是替你托管图片或自动收集真实联系方式。
一句话理解
把做过的项目列给技能,它按页面逻辑排好:封面、作品卡片、简介和联系方式,最终得到一个可以直接发出去的单文件作品集 HTML。
使用场景
- 设计师把多个外包案例整理成可视化作品集页HTML,方便接到新项目前展示交付能力。
- 应届生把课程项目和实习产出列入作品网格,生成单文件HTML供招聘方快速预览。
- 开源贡献者把仓库链接、截图和承担角色排成封面+项目卡片页,随README转发给社区关注者。
- 独立开发者需要给客户发一页深色作品集,生成单文件HTML并先用占位邮箱代替真实联系方式。
适合人员
- 准备求职的应届生,需要把课程项目和实习作品快速排成一个可投递的可视化作品集页。
- 接外包的设计师或独立开发者,需要一个能展示案例截图、链接和感兴趣项目角色的可分享HTML页面。
- 维护多个开源仓库的开发者,需要把各项目的角色和入口整理成社区容易浏览的单文件作品集。
- 准备转向新方向的工程师,想用单页作品集说明跨领域项目经历,而不是只发简历附件。