Skillry 推荐
趣味界面设计作品集v1.0.2
使用这个 Skill：制作网页/单页站/仪表盘。
5.070 次下载4 次喜欢2 次收藏
$4.99
购买这个 Skill 能获得什么？打造一个活泼的 UI/UX 作品集：弹跳的黑色展示字母环绕插画人像，挂绳工牌、三栏经历与联系信息，超大描边内容索引下是五根彩色编号竖栏，栏中是设备框里的产品界面。包含首页、关于、含五个案例页的作品、简历和联系页，配筛选、成果数据和带校验的联系表单。默认是一个可离线打开的自包含文件，适合产品与交互设计师。
更新于 2026年10月3日
效果预览
相似 Skill
查看全部 Skills
你将获得
- 一个 11 条路由的示例，虚构设计师 Ines Okafor：首页、关于、含五个案例页的作品、简历、联系和精心设计的 404。
- 产品界面在手机、平板和笔记本框里直接搭建成可读界面，另有作品筛选、搜索、排序、评价轮播、FAQ 和带成功状态的联系表单。
- 一个内嵌 Unbounded、Figtree 与 Geist Mono 的自包含文件，带真透明背景的扁平插画人像和内置检查。
适合
- 想要温暖亲切、又显得专业的作品集的产品与交互设计师。
- 案例是应用、结账流程或后台，可以用真实界面展示的设计师。
- 能把研究或项目套进同一案例页结构的 UX 研究员或小型工作室。
不适合
- 主要需要展示大量自有照片图集的摄影师或艺术家。
- 极简单色的个人品牌；这个网站用五种明亮的栏目色和弹跳字母。
- 开箱即收消息：在接入后端之前，联系表单只在页面内确认。
品牌建立与视觉规范网站与数字体验制作网页/单页站/仪表盘Build Portfolio Site风格锁定成果可编辑Bouncing Display LettersDevice MockupsFlat Illustration PortraitLanyard BadgeNumbered Color Columns
适合做作品集网站
关于此 Skill
给 Skill 你的故事和三到六个案例，它就会做出一个像精心设计的自我推广海报、同时出自会做产品的人之手的作品集：弹跳字母环绕插画人像、挂绳工牌，以及一排排彩色编号竖栏里的产品界面。示例是虚构的产品设计师 Ines Okafor，共 11 条互相连通的路由。默认交付一个自包含文件，任何浏览器都能离线打开。
你将获得
- 首页：字母 Hero、工牌与问候、经历/社区/联系三栏、内容索引、流程步骤、客户评价和 CTA 区
- 案例页包含需求、发现、流程、三屏图集、成果数据、客户评价和上一个/下一个
- 关于页、带技能标签的简历页，以及带 FAQ 和校验表单的联系页
- Unbounded、Figtree 与 Geist Mono 内嵌在文件中，不从网络加载任何内容
如何使用
- 提供姓名、领域、城市、一段简短问候、经历，以及三到六个含需求、过程和成果的案例。
- 代理搭建每个产品界面，根据你的照片制作插画，并运行内置检查。
- 在桌面和手机上点遍每个页面和表单，再提出修改。
用代理的图像工具制作插画可能产生使用费用。联系表单只在页面内确认，在接入后端之前不会发送任何内容。
开始前需要准备什么
- 你需要提供
- 姓名、领域、城市、可约时间和一段第一人称问候 · 三到六个案例，含需求、发现、流程步骤、成果和客户评价 · 经历、技能、联系方式，以及用于制作插画的本人照片
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本，用来运行随附脚本，生成单个离线网页文件 · 生成文件时需要联网，字体只下载一次并嵌入文件 · 代理需要图像生成工具来制作插画人像和工作室场景
- 外部成本
- 用代理的图像工具制作插画人像和场景可能产生该工具的使用费用。产品界面直接在页面里搭建，无需生图。
- 最近实测
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…