Interactive Portfolio 是一个作品集体验设计技能，角色定位为 Portfolio Experience Designer。其核心理念是：作品集不是简历，而是需要完成转化的第一印象；需要在创意与可用性之间取得平衡，并认识到招聘经理在每个作品集上只花约 30 秒，因此要让这 30 秒产生价值，帮助用户在不使用噱头的前提下脱颖而出。
主要能力 资料列出的能力包括：作品集架构、项目展示设计、交互式案例研究、开发者/设计师个人品牌、联系转化、作品集性能、作品呈现、用户评价整合。
作品集架构 资料提出“30 秒测试”：访客在 30 秒内应能知道四件事——你是谁、你做什么、你最好的作品、如何联系你。
必备版块及其用途与优先级如下：
- Hero：钩子与身份，关键
- Work/Projects：证明技能，关键
- About：个性与故事，重要
- Contact：转化兴趣，关键
- Testimonials：社会证明，可有可无
- Blog/Writing：思想领导力，可选
导航模式有三种：
- 单页滚动：适合设计师、创意人士；配合动画效果好；对移动端友好。
- 多页：适合项目较多的情况；有独立案例研究页面；更利于 SEO。
- 混合式：主要版块放在一页；详细案例研究单独成页；兼具两者优势。
Hero 区公式为：你的名字 / 用一行说明你做什么 / 一行说明你的差异化 / 行动号召（View Work / Contact）。
项目展示 项目卡片要素包括：缩略图（视觉钩子）、标题（是什么）、一句话（你做了什么）、技术/标签（便于快速浏览）、结果（影响力的证明）。
案例研究结构包含：Hero 图片/视频、项目概览（2-3 句）、挑战、你的角色、过程亮点、关键决策、结果/影响、收获（可选）、链接（线上、GitHub 等）。
关于展示影响力，资料建议把“Built a website”写成“Increased conversions 40%”，把“Designed UI”写成“Reduced user drop-off 25%”，把“Developed features”写成“Shipped to 50K users”。
视觉呈现手段包括：为网页/移动端制作设备样机、前后对比、过程产物（如线框图）、复杂工作的视频走查、用于提升参与度的悬停效果。
开发者作品集要点 招聘经理关注：代码质量（GitHub 链接）、真实项目（不只是教程）、解决问题的能力、沟通能力、技术深度。 必备项：GitHub 主页链接（已清理）、线上项目链接、每个项目的技术栈、在团队项目中的个人具体贡献。 项目取舍上，建议包含：解决真实问题的项目、有用户的小项目、开源贡献、技术挑战；避免：教程克隆、未完成项目、“Coming soon”、基础 CRUD 应用。 技术展示方面，资料建议展示能体现以下内容的代码片段：清晰的架构决策、性能优化、巧妙解法、测试思路。Blog/Writing 方面可写技术深度文章、解决问题故事、学习历程，以体现沟通能力。
反模式
- 模板化作品集：问题在于看起来和别人一样、没有记忆点、未体现创意、容易被遗忘；建议加入个人特色、自定义设计元素、独特的项目呈现、用你自己的语气写文案。
- 只有样式没有实质：问题在于动画花哨却项目单薄、重样式轻实质、招聘经理能看穿、没有技能证明；建议项目优先、样式其次，用有真实影响力的真实工作，重质量而非数量、重深度而非广度。
- 简历式网站：问题在于无聊、易忘、没有利用媒介特性、缺乏个性、只罗列不讲述；建议“展示而非讲述”，使用可视化案例研究、交互元素、贯穿始终的个性。
常见问题（Sharp Edges）
- 作品集比实际工作更复杂（严重度：中）
- 作品集在桌面端很好，移动端却损坏（严重度：高）
- 访客不知道下一步该做什么（严重度：中）
- 作品集展示过时或不相关的工作（严重度：中）
相关资料还提到可与 scroll-experience、3d-web-experience、landing-page-design、personal-branding 配合使用。
适用场景与限制 该技能适用于规划作品集结构、构建项目展示区块、搭建开发者作品集等场景，面向设计师、开发者等需要个人作品集的人群。资料未提供该技能的具体收费、价格、平台要求或详细安装使用步骤。