Agent Skills
返回列表
个人作品集页生成器

个人作品集页生成器

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 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页面。
  • 维护多个开源仓库的开发者,需要把各项目的角色和入口整理成社区容易浏览的单文件作品集。
  • 准备转向新方向的工程师,想用单页作品集说明跨领域项目经历,而不是只发简历附件。