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

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

代码示例:

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

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

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

– 核心逻辑：以“规格→实现→回归到规格”的闭环；把需求追踪（）写入文档与任务拆解。

– 小抄（开箱 repo 自带四件套命令）：

# 一键安装curl -sSL

| bash

# 生成完整规格（三阶段：需求→设计→任务） /cc-sdd/spec “描述你的项目”

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

原帖 & 开源实现：

类型二：结构化工作流 ( )

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

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

是干嘛的？ 在 Code里引入一套项目管理的命令流，把一个大项目拆解成“计划 -> 任务 -> 执行 -> 收尾”的闭环。有什么用？ 避免AI天马行空乱搞，让复杂的项目开发过程变得井井有条，每一步都有迹可循。甚至可以配合Git Hooks做自动化校验，不符合计划的代码直接拒绝提交。

逻辑？

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

小抄（四条命令的最小实现）：

# .//-plan-file.md

# .//-task-file.md

# .//run-next-task.md

# .//-.md

# 会话用法

# 1) plan-mode（Shift+Tab 两次）

产出大纲

/-plan-file/-task-file/run-next-task

# 反复直到勾完/-

# 补录遗漏并提交

# 可选 Hook（./.json）{ “hooks”: {

“”: “ -p “/-plan-file””,

“Stop”:

“ -p “/run-next-task””,

“”:

“ -p “/-””}

原帖（含命令体与 Hook 示范）：

5. Figma → 前端一条龙（MCP 接 Figma，像素级还原）

– 干嘛用：在 Code 里直接读 Figma 设计稿php explode tab，抽组件、吐出页面（HTML/CSS/JS 或你指定的框架），像素级还原，前端外包半自动化。

– 核心逻辑：通过 MCP 把 Figma 暴露成“可调用工具”，Code 读取设计对象（frame/layer）php explode tab，再按你设定的技术栈生成代码。

小抄（项目目录下执行，避免全局污染）：

# 1) 生成并安装 Figma MCP（ 示例）

npx @/mcp@ setup “” “figma-xxxx” –

# 2) 把

~/.//g.json 复制到项目cp

~/.//g.json .mcp.json

# 3) 打开 Code，/mcp 检查连接并完成 OAuth

# 4) 提示词示例

# “克隆这个 Figma 链接的 ，输出纯 HTML/CSS/JS，像素级一致，不要发挥创意。”

参考原文：

6. 用 Code 做 HTML-PPT

是干嘛的？ 让 Code直接生成基于HTML的幻灯片（如.js或Marp），快速搞定技术分享或产品演示。

逻辑？

AI理解的结构，并将其转换为符合特定HTML幻灯片框架（如.js）的HTML文件结构和CSS样式。

小抄（示例提示）：# 提示词

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

# 预览（Bash） -m http. 8080或者：

# 在 Code中输入，并指定输出格式” a .js from the .

# My Tech Talk

## Slide 1:

– Point A

– Point B

## Slide 2: Deep Dive

原文链接：

类型三：无边界能力拓展 ( )

核心思想： 打破 Code本地环境的限制，通过MCP（ ）等机制，连接和调用外部世界的海量工具、服务和数据源，让它的能力无限延伸。

7. / 远程工具串联

是干嘛的？ 让 Code通过远程MCP服务器，直接调用、这类自动化平台。

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

逻辑？ Code将指令发送给远程的 MCP服务器，服务器再将自然语言翻译成的工作流（Zap）并执行。

开箱小抄：

# 核心是启动时配置远程MCP服务器地址

cc start –-mcp- “”

# 然后就可以在CC里发号施令”When a new user signs up ( event), a new in and send a email via .”

原文链接：

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

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

有什么用？ 不用自己重新造轮子。

这里有大量现成的命令、组织方式和插件，能帮你每周省下好几个小时的重复工作。

小抄：

# 快速安装（Mac/Linux）curl

-sSL | bash

# 或 .py

# 试试看 “/” “/” “/-scan”

原文链接：

经验贴:

插件库:

9. × Code+记忆免登录

是干嘛的？ 结合（浏览器自动化工具），让 Code能操作浏览器完成复杂任务。同时，通过注入的技巧，跳过烦人的登录步骤。

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

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

小抄：

# 安装 mcp add –

– npx -y @/mcp@

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

# 会话复用思路

# 1) 让 打开登录页→你手动登录（可见窗口）

# 2) 当前会话 将在本次会话中复用（或导入保存的 auth state）

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

# main. . :

as p:

= await p..

# 加载之前保存的

= await .(=”.json”)

page = await .

await page.goto(“”)

# … 接下来就可以执行登录后的操作了

await ..run(main(

))

原文链接：

例如我之前做的这个案例就是：两句话，让 Code+Kimi K2 跑了3小时爬完17个竞品网站、做了一份深度市场数据分析报告

10. （ API）做内容选题雷达

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

逻辑？ 通过 API的官方SDKphp explode tab 我从X和Reddit扒了这12 个高级玩法，把 Claude Code 变成可交付系统，授权后即可用代码请求 Data API，获取结构化的频道和视频数据。

小抄（ 会话里一步到位）：

# 提示词模板1“用 -api– 写个 抓取脚本：输入 或 query，输出title, , 到 data.csv。把依赖写入 .txt，并给运行步骤。”

# 提示词模板2″Write a using the API to fetch all video and view from the ‘’ . Save the to a CSV file.”

# 常见依赖pip -api– –

原文链接：

类型四：开发者体验(DX)飞升 ( )

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

11. “让CC给自己做GUI”

是干嘛的？ 一个“套娃”式的神操作：直接让 Code给自己生成一个VS Code扩展，用图形化界面（GUI）来控制它自己。

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

逻辑？ 你用自然语言向 Code描述你想要的VS Code扩展长什么样、有什么按钮php explode tab 我从X和Reddit扒了这12 个高级玩法，把 Claude Code 变成可交付系统，它就会生成所需的.json、.ts等文件。

开箱小抄 (指令)：

“ a new VS Code for me. It have a view with three : ‘Start ’, ‘Run Next Task’, and ‘ ’. When a is , it the in the .”

原文链接：

12. 成本与性能监控

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

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

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

# 启用监控cc start –otel- “:4318”

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

原文链接：

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