效果预览
相似 Skill
查看全部 Skills
你将获得
- 完整作品集：首页、关于、服务目录及每项服务的独立页、作品目录及每个项目的案例页、客户评价、FAQ、需求表单、隐私和 404 页面
- 青柠框视觉：青柠绿边框、白纸卡片、粗体无衬线姓名、带可接单圆点的居中人像卡、字标滚动条、近黑色数据带和青柠色 CTA 区
- 能用的功能：作品筛选和搜索、按主题搜索 FAQ、评价轮播、直接在页面里搭建的项目展示，以及带校验的需求表单
适合
- 想要明亮自信、既卖作品也卖个人的网站的自由设计师和小型工作室
- 服务范围和价格清晰，想让每项服务、每个项目都有独立页面的设计师
- 能把委托或项目套进同样服务页和案例页结构的摄影师、插画师或开发者
不适合
- 低调或偏企业风的品牌：青柠边框和粗体字刻意明亮、个人化
- 个人链接页或单页简历：这个 Skill 会搭一整个包含服务、案例和 FAQ 的网站
- 真实的预约或支付：需求表单和订阅表单只在页面内校验确认，不会发送
品牌建立与视觉规范网站与数字体验制作网页/单页站/仪表盘Build Portfolio Site风格锁定成果可编辑Portrait HeroDark Stats BandLime Page FrameWhite Sheet CardWordmark Marquee
适合做作品集网站
关于此 Skill
Lime-Frame Designer Portfolio 搭的是一个像白纸放在青柠绿桌面上的个人网站。一张圆角白纸承载所有页面，从安静的三栏 Hero，到设计完整的服务页、案例研究和需求表单。示例是虚构的数字设计师 Rowan Ashby，共 19 个互相连通的页面。
你将获得
- 首页：Hero、客户字标滚动条、服务目录、配工作过程照片的协作分栏、近黑色数据带、精选作品、评价轮播、FAQ 预览和青柠色 CTA 区
- 每项服务一页，写清价格、周期、包含内容和步骤；每个项目一篇案例，含成果、交付物和页面内的展示样机
- 关于、客户评价、可搜索的 FAQ、带选项标签和校验的需求表单、隐私和 404 页面
- 粗体无衬线字体、克制的动效，整体是一个任意浏览器可打开、离线可用的文件
如何使用
- 提供你的名字、职业、一句话介绍、带价格的服务、带成果的项目，以及客户评价。
- Agent 填好每个页面，为你没提供的图片位规划并生成照片，再为每个项目搭一个展示样机。
- 打开文件，把每个服务页和案例点一遍，试发一份需求，用大白话提出修改。
生成的人像只是替身，最好换成你自己的照片。用 Agent 生图工具生成图片可能产生该工具的用量费用。
开始前需要准备什么
- 你需要提供
- 名字、两个词的职业描述、一句话介绍、可接单日期和联系方式 · 带价格、周期和包含内容的服务，以及带客户、需求和成果的项目 · 你的人像、客户评价和 FAQ 回答（可选；缺的部分会写成占位并列出）
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本，用来运行随附脚本，生成单个离线网页文件 · 生成文件时需要联网，字体只下载一次并嵌入文件 · Agent 里的生图工具，用来生成你没提供的照片（如果你提供自己的人像和项目图片则可不用）
- 外部成本
- 你没有提供的照片（人像替身、工作过程照、项目封面）由 Agent 自带的生图工具生成，可能产生该工具的用量费用。除此之外不使用任何付费服务。
- 最近实测
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…