打造高转化率的 AI 交互式个人作品集（Portfolio）

解决“作品集像简历”的痛点：通过 AI 引导，将简单的项目堆砌转变为一个具有强转化力的交互体验，确保招聘者在 30 秒内快速捕捉你的核心竞争力。

为什么需要这个技能

大多数开发者的作品集只是一个简单的项目列表，缺乏对“用户体验（UX）”的思考。而招聘经理在浏览每个作品集时平均仅花费 30 秒。

如果你的作品集加载缓慢、在手机上无法正常显示，或者缺乏明确的联系方式（CTA），那么即使你的技术能力极强，也会在第一印象阶段被刷掉。本技能旨在教你如何平衡“创意表达”与“实用功能”，通过结构化的叙事和适度的交互，把访问者转化为真实的面试机会或客户订单。

通过“30 秒测试”规划架构：
- Hero Section：一句话定义你是谁、做什么、有什么独特价值。
- 核心项目：精选 3-5 个高质量项目，避免堆砌教程克隆版。
- 关于/联系：建立信任感，并提供极其简单的联系路径。
重构项目展示逻辑：
- 将“我做了什么”改为“我解决了什么问题以及带来了什么结果”。
- 示例：将 “Built a website” 替换为 “Increased conversions 40%”。
- 为每个项目提供：挑战 $\to$ 方案 $\to$ 核心决策 $\to$ 最终成果。
分级添加交互元素：
- 低风险（必须有）：平滑滚动、Hover 效果、响应式布局。
- 中风险（锦上添花）：滚动触发动画、深色/浅色模式切换。
- 高风险（谨慎使用）：3D WebGL 场景、自定义鼠标指针。确保提供“跳过”选项且不影响移动端访问。
移动端适配与性能验证：
- 确保所有按钮触击区域 $\geq 44 px$ 。
- 使用 WebP 格式优化图片，确保加载时间 $< 3$ 秒。

解压后将目录放入你的 AI 工具 skills 文件夹，重启工具后即可使用。具体路径参考内附的 USAGE.zh.md。

暂无推荐