1. 描述任务
Claude的视觉（在新标签页中打开）和编码能力协同工作，将您的描述和图像转化为可用的网页界面。结合您的简历和过往项目，Claude可以创建一个既反映您的职业经历、又符合您偏好设计风格的作品集。
告诉Claude使用您上传的简历和项目文件来构建您的作品集网站。说明您的设计偏好，以及您需要关于最终如何部署的指导。
帮我创建一个专业的作品集HTML页面，以展示我的职业生涯和成就。我已经上传了我的简历、项目描述，以及一些设计灵感文件。请利用这些内容来了解我的背景和审美偏好。
在设计方向上，我想要一些精致且具有编辑感的东西——想想高端创意机构的风格，而不是企业模板。避免使用通用布局、看起来像AI生成的渐变，或过于对称的设计。我欣赏的网站（在上传的文件中）具有一种有机的、手工打造的质感，带有意想不到的细节。
创建完成后，请指导我如何将其发布到互联网上。假设我从未部署过网站——我需要不需要任何编程知识的确切步骤。
2. 为Claude提供背景信息
向Claude提供您的职业背景和设计偏好信息，以创建一个真实反映您工作的网站。
必需的背景信息
上传能够体现您职业故事的文件，例如您的简历、过往项目以及您想要突出的其他成就。
同时也请包含任何能够传达您审美偏好的文件。您欣赏的作品集截图，甚至是您喜欢的设计中的UI代码片段，都能帮助Claude理解您的审美方向。
3. Claude创建的内容
Claude以HTML artifact的形式构建了一个完整的作品集页面。该artifact包含您的职业信息、项目展示，以及符合您审美偏好的设计选择。
我已经为您创建了作品集网站。设计灵感来自您灵感文件中那种具有编辑感、手工打造的美学——我避免了对称布局和企业模板，转而采用了一种更具有机感的风格。您提到的胶带效果出现在项目卡片上，我还添加了微妙的滚动动画，当您浏览页面时会被激活。
您的简历信息构成了"关于"部分的结构，而您的每个项目描述都有自己的展示区域，留有图片和详细信息的空间。排版采用了衬线与无衬线字体的搭配，符合您想要的精致格调，配色方案则来自对您设计参考资料的分析。查看您的作品集网页（在新标签页中打开）
您可以在任何浏览器中打开它，查看效果。如果您想调整颜色、更改项目顺序，或修改任何文字内容，请告诉我您想要的改动。
4. 后续提示
继续与Claude对话，以完善、扩展或进一步探索。
将您的网站部署上线
Claude可以连接到Netlify（在新标签页中打开），将您artifact中的代码部署为一个实时网站——您这边无需任何编码工作。基于您artifact的HTML代码，Claude可以教您如何处理技术部署流程。
使用我作品集artifact中的代码，我想创建一个真实的网站。使用我的Netlify连接器，直接在Netlify中创建一个新的网站项目，并指导我完成上线部署。我正在分享我作品集artifact中的代码。使用我的Netlify连接器创建一个新的网站项目，并将其部署为一个实时网站。网站上线后给我URL，并解释如果我想做出更改，以后该如何更新网站。
构建交互效果
通过编码动画和交互为网站增添细节。Claude可以编写HTML、CSS和JavaScript，为您的网站添加功能性行为——悬停效果、滚动动画，或响应用户操作的交互元素。
为项目卡片添加悬停效果——也许是一个微妙的位移或边框变化。当我滚动到某个部分时，让标题轻微淡入。不要太花哨，只需要能体现细节关注的精致交互。
将某个项目扩展为详细案例研究
深入探讨您最重要的作品，展现完整的设计过程。
将"基础设施监控仪表盘"项目扩展为一个完整的案例研究页面。包括问题、调研阶段、设计过程、迭代、我们面临的挑战、我们如何解决这些挑战，以及可衡量的影响。添加线框图、用户反馈和经验教训的部分。
5. 技巧、提示与故障排除
改进输出的设计
Claude有时可能会选择更偏功能性的设计选择——标准字体、默认颜色、适度的间距。为了获得更多样化的输出，可以尝试使用不同的提示技巧。引用质量基准（"顶级咨询报告"、"高端SaaS产品"），将Claude定位为领域专家（"以资深设计师的方式来处理这个问题"），或者要求Claude根据高质量标准对自己的输出进行评分和改进。您也可以告诉Claude不要做什么（"避免使用通用的企业蓝色"、"不要使用默认排版"）。得到最终结果可能需要反复迭代——在第一次输出后，评估缺少了什么，并提示进行改进。
使用Skills来保持一致的设计标准
创建一个Skill（在新标签页中打开），将您的视觉参考、成功案例和具体设计偏好打包在一起，这样Claude就可以应用您已建立的标准，而无需每次都重新解释您的偏好。请Claude帮助创建一个内容设计Skill，将您的格式偏好、审美方向和质量标准整合到一个可复用的工作流程中。了解更多关于创建Skills（在新标签页中打开）的信息。
6. 准备好亲自尝试了吗？
与Claude合作构建一个能代表您工作的作品集页面，并学习如何将其部署上线——全程无需编写代码。