AI热点 3 hours ago 202 Views 0 Comments

我从X和Reddit扒了这12 个高级玩法,把 Claude Code 变成可交付系统

AI中国
AI中国

Published 8507 Articles

现过去几个月,我把 Claude Code 当“外包程序员”用,爽是爽,但也踩了三大坑:容易跑偏、交付不稳定、成本不可控。直到我换了思路——别把它当单体 AI,而是按角色拆分、按流程固化、按能力外接、按体验提效


结果很直接:同样的人力,交付速度更快、返工更少、费用更可预期。


我把最近筛出的 12 个Claude Code“骚玩法”按这四类梳理清楚,每个都给到“干嘛用 → 核心逻辑 → 开箱小抄”,并附原帖链接便于你深挖与复现。


也可以点「阅读原文」方便跳转。


开始前先插个广子:饼干哥哥的Claude Code中转服务已完成内测,整体反馈稳定,现正周末促销,感兴趣可见文末入手



类型一:AI小队协同 (Multi-Agent Orchestration)


核心思想: 通过AI内部的分工、协作甚至对抗,来完成单个AI难以胜任的复杂任务。


1. OODA 小队:Observe → Orient → Decide → Act


- 是干嘛的? 创建4个分别负责“观察”、“定位”、“决策”、“行动”的子代理,并行处理一个复杂任务,最后由主代理汇总。


- 核心逻辑:每个子代理各司其职(信息收集/建模/决策/实施),上下文更干净;牺牲一点速度换更高准确性。


- 小抄


# 在 .claude/agents/ 下放置 4 个代理定义(observe.md / orient.md / decide.md / act.md)
# 主会话里:
@observe <任务背景>
@orient <对齐目标/约束>
@decide <方案选择与取舍标准>
@act <执行细节、提交物路径约定>

# 也可把这四步封成一个 orchestrator.md,内部 @ 调用








原帖(含 .md 示例仓库):


https://www.reddit.com/r/ClaudeAI/comments/1m8yt48/claude_code_now_supports_subagents_so_i_tried/


2. “杠精(BS-Detector) + 执行官”双人组


  • 是干嘛的? 一个子代理化身“杠精”,专门负责找茬、提反对意见、检测代码中的“鬼话”(BS-Detector)。另一个子代理则埋头干活,专注实现。


  • 核心逻辑:用验证/复核子代理给实现拉一条“质控线”;适合多人/多代理协作的验收闭环。


  • 开箱小抄 (概念性提示词):


# 主代理指令
"Task: Refactor the user authentication module.
Subagent "Executor": Please write the code.
Subagent "KarenTheValidator": Please rigorously review the Executor"s code for security flaws, edge cases, and logical errors. Challenge everything."




参考原文:


  • 讨论帖【第一个评论】: https://www.reddit.com/r/ClaudeAI/comments/1mdyc60/whats_your_best_way_to_use_subagents_in_claude/


  • 代码示例: https://github.com/darcyegb/ClaudeCodeAgents


3. Spec × Build 双子:规格守门员 + 严格实现员


- 干嘛用:一个子代理是“产品经理”,只负责维护项目的需求规格文档(Spec)。另一个是“开发”,严格按照这份文档施工。


而Spec是AI编程明星产品Kiro的逻辑,我们把他植入到Claude Code里,补充阅读:一文看懂Kiro,其 Spec工作流秒杀Cursor,可移植至Claude Code


- 核心逻辑:以“规格→实现→回归到规格”的闭环;把需求追踪(traceability)写入文档与任务拆解。


- 小抄(开箱 repo 自带四件套命令):


# 一键安装
curl -sSL https://raw.githubusercontent.com/pdoronila/cc-sdd/refs/heads/main/quick-install.sh | bash

# 生成完整规格(三阶段:需求→设计→任务)
claude /cc-sdd/spec "描述你的项目"

# 分阶段维护
claude /cc-sdd/requirements "补充需求"
claude /cc-sdd/design "更新技术架构"
claude /cc-sdd/task "细化实现任务"










原帖 & 开源实现:


  • https://www.reddit.com/r/ClaudeCode/comments/1meoqqz/specdriven_development_inside_claude_code_with/


  • https://github.com/pdoronila/cc-sdd


类型二:结构化工作流 (Structured Workflow)


核心思想: 为复杂的项目开发过程定义一套清晰、可重复、自动化的“SOP”(标准作业程序)。


4. “计划-任务-收尾”流水线(plan-mode + 四条 /slash)


  • 是干嘛的? 在Claude Code里引入一套项目管理的命令流,把一个大项目拆解成“计划 -> 任务 -> 执行 -> 收尾”的闭环。


  • 有什么用? 避免AI天马行空乱搞,让复杂的项目开发过程变得井井有条,每一步都有迹可循。甚至可以配合Git Hooks做自动化校验,不符合计划的代码直接拒绝提交。


  • 逻辑? 利用plan-mode和自定义的斜杠命令(slash commands),强制AI先生成规划文件(plan.md),再根据规划生成任务清单tasks.md ,然后逐个执行任务,最后进行总结、核对 git 变更并提交。


小抄(四条命令的最小实现):


# .claude/commands/create-plan-file.md
# .claude/commands/generate-task-file.md
# .claude/commands/run-next-task.md
# .claude/commands/finalise-project.md

# 会话用法
# 1) plan-mode(Shift+Tab 两次)产出大纲
/create-plan-file
/generate-task-file
/run-next-task # 反复直到勾完
/finalise-project # 补录遗漏并提交

# 可选 Hook(.claude/settings.json)
{ "hooks": {
"UserPromptSubmit": "claude -p \"/create-plan-file\"",
"Stop": "claude -p \"/run-next-task\"",
"PreCommit": "claude -p \"/finalise-project\""
}}


















原帖(含命令体与 Hook 示范):


https://www.reddit.com/r/ClaudeAI/comments/1m7zlot/how_planmode_and_four_slash_commands_turned/


5. Figma → 前端一条龙(MCP 接 Figma,像素级还原)


- 干嘛用:在 Claude Code 里直接读 Figma 设计稿,抽组件、吐出页面(HTML/CSS/JS 或你指定的框架),像素级还原,前端外包半自动化。


- 核心逻辑:通过 MCP 把 Figma 暴露成“可调用工具”,Claude Code 读取设计对象(frame/layer),再按你设定的技术栈生成代码。


小抄(项目目录下执行,避免全局污染):


# 1) 生成并安装 Figma MCP(Composio 示例)
npx @composio/mcp@latest setup "" "figma-xxxx" --client

# 2) 把 ~/.config/Claude/claude_desktop_config.json 复制到项目
cp ~/.config/Claude/claude_desktop_config.json .mcp.json

# 3) 打开 Claude Code,/mcp 检查连接并完成 OAuth
# 4) 提示词示例
# “克隆这个 Figma 链接的 Dashboard,输出纯 HTML/CSS/JS,像素级一致,不要发挥创意。”








参考原文:


https://www.reddit.com/r/mcp/comments/1luomse/its_been_nice_knowing_you_frontend_devs_claude/


6. 用 Claude Code 做 HTML-PPT


  • 是干嘛的? 让Claude Code直接生成基于HTML的幻灯片(如Reveal.js或Marp),快速搞定技术分享或产品演示。


  • 逻辑? AI理解Markdown的结构,并将其转换为符合特定HTML幻灯片框架(如Reveal.js)的HTML文件结构和CSS样式。


小抄(示例提示):


# 提示词

用 HTML 生成 12 页 PPT,主题《XXX》。每页一个
,包含标题/要点/示意图占位,样式写在 <style>。生成完在本地起个简单 http 服务预览。

# 预览(Bash)
python -m http.server 8080

或者:

# 在Claude Code中输入Markdown,并指定输出格式
"Generate a reveal.js presentation from the following markdown content.
---
# My Awesome Tech Talk
## Slide 1: Introduction
- Point A
- Point B
---
## Slide 2: Deep Dive








原文链接:https://x.com/LinearUncle/status/1951081509890433407


类型三:无边界能力拓展 (Limitless Capability Expansion)


核心思想: 打破Claude Code本地环境的限制,通过MCP(Module Communication Protocol)等机制,连接和调用外部世界的海量工具、服务和数据源,让它的能力无限延伸。


7. Zapier / Workato 远程工具串联


  • 是干嘛的? 让Claude Code通过远程MCP服务器,直接调用Zapier、Workato这类自动化平台。


  • 有什么用? 🤯 想象一下,你可以在Claude Code里用自然语言说:“帮我把这个GitHub issue同步到Jira,并在Slack里通知产品经理。” Zapier背后连接的8000多个SaaS应用,瞬间都成了Claude Code的工具。


  • 逻辑? Claude Code将指令发送给远程的Zapier MCP服务器,服务器再将自然语言翻译成Zapier的工作流(Zap)并执行。


  • 开箱小抄:


# 核心是启动时配置远程MCP服务器地址
cc start --remote-mcp-server "https://your-zapier-mcp-endpoint.com/mcp"

# 然后就可以在CC里发号施令
"When a new user signs up (Stripe event), create a new contact in HubSpot and send a welcome email via Mailchimp."





  • 原文链接:https://docs.anthropic.com/en/docs/agents-and-tools/remote-mcp-servers


8. 一键装“职业级命令集”:CCPlugins


  • 是干嘛的? 社区大神总结的最佳实践清单和插件库。


  • 有什么用? 不用自己重新造轮子。这里有大量现成的命令、组织方式和插件,能帮你每周省下好几个小时的重复工作。


小抄


# 快速安装(Mac/Linux)
curl -sSL https://raw.githubusercontent.com/brennercruvinel/CCPlugins/main/install.sh | bash
# 或 Windows
python install.py

# 试试看
claude "/commit"
claude "/review"
claude "/security-scan"









  • 原文链接:经验贴: https://x.com/iannuttall/status/1949793422425915606插件库: https://github.com/brennercruvinel/CCPlugins


9. Playwright × Claude Code➕Cookie记忆免登录


  • 是干嘛的? 结合Playwright(浏览器自动化工具),让Claude Code能操作浏览器完成复杂任务。同时,通过注入Cookie的技巧,跳过烦人的登录步骤。


  • 有什么用? 实现端到端的Web自动化测试、数据抓取、表单填写等。免登录技巧极大提升了重复执行任务的效率。


  • 逻辑? Claude Code编写Playwright脚本,并执行它。Cookie技巧是在首次手动登录后,将浏览器的Cookie保存下来,在后续的自动化脚本中直接加载,从而保持登录状态。


小抄


# 安装 Playwright MCP
claude mcp add playwright -- npx -y @playwright/mcp@latest

# 让 Claude 打开本地站点并跑 UI 用例
“使用 Playwright 访问 http://localhost:8000,完成注册→登录→下单流程,截图保存到 ./e2e-shots/”

# 会话复用思路
# 1) 让 Claude 打开登录页→你手动登录(可见窗口)
# 2) 当前会话 Cookie 将在本次会话中复用(或导入保存的 auth state)









开箱小抄 (Playwright脚本中的关键代码):


# main.py
import asyncio
from playwright.async_api import async_playwright

asyncdefmain():
asyncwith async_playwright() as p:
browser = await p.chromium.launch()
# 加载之前保存的cookies
context = await browser.new_context(storage_state="auth_state.json")
page = await context.new_page()
await page.goto("https://x.com")
# ... 接下来就可以执行登录后的操作了
await browser.close()

asyncio.run(main())



  • 原文链接:https://x.com/nsthorat/status/1940423904138519010


例如我之前做的这个案例就是:


两句话,让Claude Code+Kimi K2 跑了3小时爬完17个竞品网站、做了一份深度市场数据分析报告


10. YouTube Scraper(Google API)做内容选题雷达


  • 是干嘛的? 让Claude Code利用Google API,编写一个YouTube数据抓取器,可以用它来批量拉取某个频道的所有视频标题、描述、评论数,做竞品分析或内容洞察。


  • 逻辑? 通过Google API的官方SDK,授权后即可用代码请求YouTube Data API,获取结构化的频道和视频数据。


小抄(Claude 会话里一步到位):


# 提示词模板1
“用 google-api-python-client 写个 YouTube 抓取脚本:输入 channelId 或 query,输出
title, publishedAt, viewCount 到 data.csv。把依赖写入 requirements.txt,并给运行步骤。”

# 提示词模板2
"Write a Python script using the Google API Python Client to fetch all video titles and view counts from the "MrBeast" YouTube channel. Save the output to a CSV file."


# 常见依赖
pip install google-api-python-client python-dotenv









原文链接:https://x.com/moritzkremb/status/1950890353378070942



类型四:开发者体验(DX)飞升 (Developer Experience Enhancement)


核心思想: 关注与AI协作的“人”本身。通过各种工具和技巧,优化开发者的操作体验、提升效率、控制成本,让使用Claude Code的过程更爽、更可控、更高效。


11. “让CC给自己做GUI”


  • 是干嘛的? 一个“套娃”式的神操作:直接让Claude Code给自己生成一个VS Code扩展,用图形化界面(GUI)来控制它自己。


  • 有什么用? 这是对Claude Code能力的终极展示。它证明了CC不仅能写业务代码,还能写工具代码,甚至能“自我进化”。从此告别纯终端,进入有UI的Agent时代。


  • 逻辑? 你用自然语言向Claude Code描述你想要的VS Code扩展长什么样、有什么按钮,它就会生成所需的package.json、extension.ts等文件。


开箱小抄 (指令):


"Create a new VS Code extension for me. It should have a sidebar view with three buttons: "Start Project", "Run Next Task", and "Commit Changes". When a button is clicked, it should execute the corresponding command in the integrated terminal."


原文链接: https://www.reddit.com/r/ClaudeAI/comments/1lemauo/no_more_terminal_just_used_claude_code_to_create/


12. 成本与性能监控


  • 是干嘛的? 打开Claude Code内置的OpenTelemetry (OTel) 监控,或者安装社区的ccusage仪表盘,实时看你的AI小弟们花了多少钱、干了多少活。


  • 有什么用? 当你开始大规模使用Agent时,成本和性能就成了关键问题。这个功能让你能像专业运维一样,用数据驱动的方式管理你的AI资源,避免月底收到天价账单。


  • 逻辑? Claude Code在运行时会产生详细的用量和性能指标,OTel或ccusage可以将这些指标可视化,变成易于理解的仪表盘。


# 启用OpenTelemetry监控
cc start --otel-endpoint "http://localhost:4318"

# 或者安装社区的用量仪表盘
npm install -g ccusage
ccusage






原文链接: https://docs.anthropic.com/en/docs/claude-code/monitoring-usage


我的结论很简单:Claude Code 真正的价值,不在于“更聪明的回答”,而在于“更可靠的交付系统”


最后推荐我的国内Claude Code服务


饼干哥哥技术团队接入了Claude官方通道,以超高性价比使用Claude Code


有以下的优势:


1.不论windows还是mac 都一键安装


2.接入Claude4,底层基于官方 Max 账号直连,稳定可靠,不掺假


3.免墙、中文低价计费,提供日卡、周卡、月卡、专项卡爽用


4.搭配Claude Code交流群(仅付费),日常分享玩法经验,不定时送token、折扣活动


5.针对企业客户,可以做私有部署,解决数据安全问题


一些真实评论:





文章来自于微信公众号“饼干哥哥AGI”,作者是“饼干哥哥”。


AI中国

AI中国

8507 Articles 1366164 Views 950300 Fans

Comment (0)

睡觉动画