Anthropic 发布了一份 23 页的指南,分享了他们内部 Claude Code 资深用户的用法和建议。
产品设计团队支持 Claude Code、Claude.ai 和 Anthropic API,专注于构建 AI 产品,他们的核心应用场景如下:
1、前端打磨与状态管理变更。
他们现在不再编写大量的设计文档,并与工程师进行多轮反馈以进行视觉微调(字体、颜色、间距),而是使用 Claude Code 直接实现这些更改。
工程师们注意到,设计师们正在进行“通常你不会看到设计师去做的重大状态管理变更”,这使得他们能够精确达到他们所设想的最终质量。
2、GitHub Actions 自动化工单。
利用 Claude Code 的 GitHub 集成,他们只需提交描述所需更改的 issue/工单,Claude 就会自动提出代码解决方案,甚至无需打开 Claude Code。这为他们长期积压的产品打磨任务,创造了一个无缝的 Bug 修复和功能完善工作流。
3、快速交互式原型设计。
通过将设计草图粘贴到 Claude Code 中,他们能生成功能齐全的交互式原型,工程师可以立即理解并在其基础上进行迭代。这取代了传统静态 Figma 设计的工作循环,过去那种方式,往往需要向工程师进行大量的口头解释,再由工程师将其翻译成可运行的代码。
4、边缘情况发现与系统架构理解。
他们使用 Claude Code 来梳理错误状态、逻辑流和不同的系统状态。这使得他们能够在设计阶段就识别出边缘情况,而不是在后期的开发过程中才发现,从而从根本上提高了初始设计的质量。
5、复杂的文案更改与法律合规。
对于像在整个代码库中删除“研究预览”信息这样的任务,他们使用 Claude Code 查找所有实例、审查周围的文案、实时与法务部门协调更改并实施更新。这个过程只花了两次 30 分钟的电话会议,而不是像过去那样需要长达一周的反复协调。
他们给出的具体实践建议:
1、寻求工程师的帮助进行正确配置。
让工程团队的同事,帮助完成初始的代码仓库设置和权限配置。
对于非开发人员来说,技术入门阶段是具有挑战性的,但一旦配置完成,它将为日常工作流带来变革性的影响。
2、使用自定义记忆文件来引导 Claude 的行为。
创建具体的指令,告诉 Claude 你是一个几乎没有编码经验的设计师,需要详细的解释和更小、渐进式的更改。这能显著提高 Claude 回复的质量,并让编程看起来不再那么令人生畏。
3、利用图片粘贴进行原型设计。
使用 Command+V 将屏幕截图直接粘贴到 Claude Code 中。
它非常擅长读取设计图并生成功能性代码,这对于将静态草图转化为工程师能够立即理解并在此基础上进行构建的交互式原型来说,是极其宝贵的。
#HOW I AI##科技先锋官##claudecode#
