
Preview gallery
关于这个 Skill
一个为独立软件设计师、开发人员或教育工作者提供的编辑个人网站:浅色背景上的狭窄白色柱子、小圆形肖像、安静的单行标题和由三张工作室照片组成的倾斜条带。选定的作品会展开完整的案例研究,其中包含问题、过程和测量结果,论文有适当的文章页面,教学、关于和联系页面完成了网站。浅色和深色的单色板岩类型,项目封面绘制为清晰的产品模型,而不是笔记本电脑照片。
Picked most often by
About this Skill

告诉它你是谁,你建立了什么,你教授什么,然后返回一个个人网站,读起来就像一个从业者自己的首页:一个狭窄的白色专栏,一个小圆形肖像,一个安静的标题和一条倾斜的工作室照片。它作为一个独立的文件提供,可以在任何浏览器中打开并离线工作。

What you get
- 包含完整案例研究的精选作品:问题、学到的知识、过程、设计细节和测量结果
- 带有主题过滤器和搜索功能的写作日记,以及带有阅读进度和作者卡的文章页面
- 教学或服务、包含您的体验时间表的“关于”页面以及用于验证和确认的联系表
- 项目封面以明暗主题绘制为清晰的产品模型而不是笔记本电脑照片
- 在您自己的项目中,相同的设计移植了真实的路线

如何使用
- 分享您的姓名和学科、三到六个项目及其成果、您的写作、任何课程或服务以及您的职业历史
- 添加您的肖像和工作室照片(如果有的话);任何缺失的内容都会作为替代品起草或生成,并列出供您替换
- 在浏览器中打开完成的文件,并以简单的文字请求更改,例如新的案例研究或较短的标题

生成的照片使用您智能体的图像工具,并且可能会产生该工具的使用费。字体和图像是嵌入的,因此完成的文件不会发出网络请求。
What you need before you start
- You bring
- 您的姓名、学科、空闲时间和联系电子邮件 · 3 到 6 个包含客户、角色、问题、流程和测量结果的项目 · 写作、教学或服务、职业经历,以及您自己的肖像和工作室照片(如果有)
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · Optional: an image generation tool in your agent for stand-in portrait, studio and article photos
- Outside costs
- 您自己的照片无需花费任何费用。替身肖像、摄影棚、案例研究和文章照片是使用智能体自己的图像工具生成的,这可能会产生该工具的使用费;与技能捆绑在一起的中性工作室照片也可以保留为占位符。
- Last tested
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- 一个独立 HTML 文件中的完整作品集,可离线打开:主页、工作索引、案例研究、写作索引、文章、教学、关于、联系方式、隐私和 404
- 包含问题、发现、流程、设计细节和统计结果的案例研究,以及包含主题过滤器、搜索、阅读进度和作者卡的期刊
- Geist、Newsreader 和 Geist Mono 嵌入、浅色和深色主题、产品模型封面以及用于验证和确认的联系表格、候补名单和新闻通讯
Good fit
- 独立产品设计师、设计工程师和开发人员通过案例研究推销自己的判断
- 教育工作者和作家可以在客户作品旁边展示课程、研讨会或论文
- 独立从业者现在想要一个值得信赖的网站,或者将相同的设计移植到他们自己的 Next.js、Nuxt、SvelteKit 或 Astro 项目中
Not for
- 呈现团队的工作室或机构:整个网站以一个人的第一人称声音说话
- 围绕功能网格和计划比较构建的产品发布或 SaaS 营销页面
- 托管表单处理或开箱即用的 CMS:表单在页面上确认,直到您连接自己的服务
产品发布和应用程序增长网页设计和数字体验建立网站页面构建登陆页面Style-lockedEditable Output编辑作品集图像LED单色个人日记
User reviews
Loading reviews…








