Preview gallery
关于这个 Skill
构建一个有趣的 UI/UX 组合，其中包含围绕插图肖像的弹跳黑色显示字母、挂绳 ID 徽章、三列体验和联系人块，以及设备框架中产品屏幕的五个彩色编号列上方的巨大轮廓内容索引。它包括主页、关于、工作与五个案例研究页面、简历和联系方式，以及过滤器、结果统计数据和经过验证的联系表。默认情况下，它是一个独立的文件，可以离线打开，专为产品和交互设计师制作。
Picked most often by
About this Skill
为技能提供你的故事和三到六个案例研究，它会构建一个作品集，感觉就像是由同时发布软件的人制作的精心制作的自我宣传海报：在插图肖像、挂绳徽章和产品屏幕的明亮编号列周围弹跳显示字母。工作示例是虚构的产品设计师 Ines Okafor，有 11 条连接路线。默认结果是一个独立的文件，可以在任何浏览器中离线打开。
What you get
- 主页包含字母英雄、徽章和问候语、经验、社区和联系栏、内容索引、流程步骤、客户报价和号召性用语带
- 案例研究页面，包含简介、调查结果、流程、三屏图库、结果统计、客户报价以及上一个和下一个链接
- 关于、包含技能芯片的简历以及包含常见问题解答和经过验证的表格的联系页面
- Unbounded、Figtree 和 Geist Mono 嵌入在文件中，因此不会从网络加载任何内容
如何使用
- 分享您的姓名、学科、城市、简短的问候、经验以及三到六个包含简介、过程和结果的案例研究。
- 您的智能体构建每个产品屏幕，根据您的照片制作插图并运行内置检查。
- 单击桌面和手机上的每个页面和表格，然后请求更改。
使用智能体的图像工具制作的插图可能会产生该工具的使用费。联系表单在页面中确认，并且在连接后端之前不发送任何内容。
What you need before you start
- You bring
- 姓名、学科、城市、空闲时间和简短的第一人称问候 · 三到六个案例研究，其中包含简介、调查结果、流程步骤、结果和客户报价 · 经验、技能、联系方式和您自己的插图照片
- 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 · An image generation tool in your agent for the illustrated portrait and studio scenes
- Outside costs
- 使用智能体的图像工具制作插图肖像和场景可能会产生该工具的使用费。产品屏幕内置在页面中，无需生成图像。
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- 虚构的伊内斯·奥卡福 (Ines Okafor) 的 11 条路线示例：主页、关于、工作，包含五个案例研究页面、简历、联系方式和设计的 404。
- 产品屏幕在手机、平板电脑和笔记本电脑框架中构建为实时界面，以及工作过滤器、搜索、排序、报价轮播、常见问题解答和包含成功状态的联系表格。
- 一个独立的文件，嵌入了 Unbounded、Figtree 和 Geist Mono，一张具有真正透明度的平面插图肖像，以及内置检查。
Good fit
- 产品和交互设计师想要一个温暖、风度翩翩的作品集，但读起来仍然是严肃的作品。
- 设计师的案例研究是可以显示为实时屏幕的应用程序、结帐或仪表板。
- 用户体验研究人员或小型工作室可以将研究或项目映射到同一案例页解剖结构上。
Not for
- 主要需要自己图像的大型画廊的摄影师或艺术家。
- 极简、单色的个人品牌；该网站使用五种明亮的列颜色和弹跳字母。
- 开箱即用地接收消息：联系表单会在页面中确认，直到您连接后端。
品牌识别和视觉系统网页设计和数字体验建立网站页面建立投资组合网站Style-lockedEditable Output弹跳显示字母设备模型平面插图肖像挂绳徽章编号颜色列
User reviews
Loading reviews…
