Skillry 推荐
涂鸦风开发者作品集v1.0.2
使用这个 Skill：Build Portfolio Site。
上升中
5.023 次下载1 次喜欢0 次收藏
$4.99
购买这个 Skill 能获得什么？一个手绘笔记本风格的作品集网站，适合独立开发者或小型工作室。暖奶油底色上是巨大的钴蓝衬线标题，旁边是裁进淡紫色块的人像和一张胶带贴着的身份卡，手写批注、箭头和小花穿插在每个版块里。网站包括绘制产品预览的案例页、带实时报价估算器的服务页，以及 About、经历、含完整文章的日志、FAQ、订阅和联系页。
更新于 2026年10月3日
效果预览
相似 Skill
查看全部 Skills
你将获得
- 22 个互相连通的页面：首页、作品索引、四个案例、服务及三个详情页、About、经历、含四篇文章的日志、联系、FAQ、订阅、隐私和 404
- 涂鸦风格：Young Serif 标题、Figtree 正文、Kalam 手写批注、淡紫人像色块、胶带、箭头和只在加载时描一次的下划线
- 可用的交互：报价估算器、带搜索和排序的作品筛选、案例预览 Tab、评价轮播、FAQ Tab 和带校验的表单，全部在一个离线文件里
适合
- 想要一个有个性、而不是千篇一律暗色模板的前端开发者和产品设计师
- 能把自己的作品对应到案例、服务和笔记上的小型工作室、插画师和独立产品开发者
- 希望提前展示价格和流程、吸引更合适咨询的自由职业者
不适合
- 企业或正式风格的品牌；手写批注和粉彩展台是刻意做得活泼的
- 真实的消息投递：联系和订阅表单只在页面内确认，真正发送需要你自己的后端
- 没有具体人物可展示的网站；Hero 围绕一张人像和一张名片卡搭建
品牌建立与视觉规范网站与数字体验Build Portfolio Site风格锁定成果可编辑Doodle HeroHand NoteId NotePortrait Stage
关于此 Skill
把你的作品变成一个像速写本一样的作品集：暖奶油底色上的巨大钴蓝衬线标题，你的人像裁进淡紫色块并贴着一张身份卡，手绘的箭头、小花和下划线直接融进版式。示例网站有 22 个互相连通的页面，以一个文件交付，任何浏览器离线即可打开。
你将获得
- 首页包含关于我、服务、精选作品、经历、流程、工具箱、客户评价、笔记和收尾的 CTA
- 案例页提供桌面、手机和组件三个 Tab 的绘制产品预览，作品索引支持筛选、搜索和排序
- 服务页有固定价格卡片和实时估算器，随你的选择更新价格区间
- About、经历、含完整文章的日志、FAQ、订阅、隐私、联系页，以及精心设计的 404
- Young Serif、Figtree、Kalam 和 Geist Mono 字体连同所有图片均已内嵌，页面不发起任何网络请求
如何使用
- 提供你的名字、职位、项目、服务和联系方式，有人像照片就一并提供。
- Skill 填满每个页面，缺失的内容起草为可信的占位文案，并列出来让你确认。
- 打开文件，试试估算器、筛选和表单，用大白话提修改。
你没有提供的照片和插画由 Agent 的图像工具生成，可能产生该工具自身的使用费用。
开始前需要准备什么
- 你需要提供
- 你的名字、职位、所在地和一段简短介绍，有人像照片就一并提供 · 2 到 6 个项目（需求、关键决策和结果），以及你提供的服务和价格 · 可选：工作经历、工具箱、客户评价、文章和联系方式
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本，用来运行随附脚本，生成单个离线网页文件 · 生成文件时需要联网，字体只下载一次并嵌入文件 · Agent 中的图像工具，用于生成人像、工作室和场景照片以及日志插画；如果你自己提供则可以不用
- 外部成本
- 你没有提供的照片和插画由 Agent 自带的图像工具生成，可能产生该工具的使用费用。产品预览用代码绘制，成品页面不发起任何网络请求。查看示例不产生任何费用。
- 最近实测
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…