
效果预览
相似 Skill
查看全部 Skills你将获得
- 一个 15 条路由的示例,虚构人物 Rowan Hale:首页、含四个案例和归档的作品索引、带完整文章的写作、关于、联系和精心设计的 404。
- 可用的细节:命令面板、主题切换、带搜索的作品与文章筛选、热力图时间范围切换、复制按钮,以及带行内报错、加载和成功状态的联系表单。
- 项目封面直接画成可读的产品界面,照片出自同一黑白美术方向,内嵌 Geist 字体,并附风格指南和内置检查。
适合
- 想要精确、低调网站而非花哨模板的设计工程师和开发者。
- 需要案例、文章和联系表单,并且在两种主题和手机上都好读的求职者。
- 喜欢发丝线、等宽注释和单色克制感的人。
不适合
- 色彩丰富、图片密集的个人品牌;这套系统是单色锌灰加一个蓝色强调色。
- 需要内容管理系统的博客;文章和案例存放在页面自身的数据里。
- 开箱即用地发送真实消息:在接入后端之前,联系表单只在页面内确认。
品牌建立与视觉规范网站与数字体验制作网页/单页站/仪表盘Build Portfolio Site成果可编辑分步人工确认视觉精美MinimalistMonochromeHairline GridTechnical Blueprint
适合做作品集网站
关于此 Skill

把你的名字、工作经历、项目和文章变成一个仿佛画在工程图纸上的个人网站:贯穿屏幕的发丝线、单色锌灰、斜纹分隔带和一个小小的等距 Fig. 1。示例是虚构人物 Rowan Hale,一位在波尔图的设计工程师,共 15 条互相连通的路由。默认交付一个自包含文件,任何浏览器都能离线打开。

你将获得
- 首页:Fig. 1、个人信息、概览、热力图、关于、精选作品、经历、技术栈、写作和演讲
- 案例页包含问题、过程、图集、成果和致谢;文章页带阅读进度条和目录
- 命令面板、浅色与深色主题、带搜索的筛选、手机端菜单和带校验的联系表单
- Geist、Geist Mono 和手写体 Caveat 旁注内嵌在文件中,不从网络加载任何内容

如何使用
- 提供姓名、职位、城市、带成果的项目、经历、文章和联系方式;缺失的事实会先起草并列出。
- 代理填入数据,为每个项目绘制封面,并把你的肖像转成黑白。
- 在两种主题下打开网站,试试命令面板和联系表单,再提出修改。

用你自己的肖像和照片不会产生额外费用;生成照片可能产生图像工具的使用费用。
开始前需要准备什么
- 你需要提供
- 姓名、三到五个简短职位短语、城市、邮箱和可约时间 · 二到六个项目(含角色、过程步骤和可量化成果),以及经历和文章 · 一张肖像照,或同意生成一张占位肖像
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · 可选:代理的图像生成工具,用于工作环境或地点照片
- 外部成本
- 用代理的图像工具生成照片可能产生该工具的使用费用。你自己的照片和绘制的项目封面不产生额外费用。
- 最近实测
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









