commit f19d92c90c4374535388047d8de00b4cf85d0167 Author: 郑育江 Date: Sat Jun 6 15:26:34 2026 +0800 first commit diff --git a/README.md b/README.md new file mode 100644 index 0000000..5414048 --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# AI Coding Productivity Slides + +Open `ai-coding-productivity-apple-slides.html` in a browser to view the deck. diff --git a/ai-coding-productivity-apple-slides.html b/ai-coding-productivity-apple-slides.html new file mode 100644 index 0000000..b7800c4 --- /dev/null +++ b/ai-coding-productivity-apple-slides.html @@ -0,0 +1,1187 @@ + + + + + + AI 编程提效分享 - Apple Style Slides + + + + + +
+
+
+

内部分享 / 30 分钟

+

AI 编程提效分享

+

从工具链、插件方法到实战落地。把 AI 从偶尔帮忙，变成稳定的研发生产力。

+
+ 工具链 + 插件方法 + 实战闭环 +
+
+
+ +
+
+

问题先讲透

+

为什么用了 AI，还是没有稳定提效？

+
+
+ 01 +

入口散

+

IDE、CLI、模型、供应商、插件各管各的，切换和配置本身就在耗时。

+
+
+ 02 +

方法散

+

会问 AI，但每个人都在手搓自己的流程，很难复制给团队。

+
+
+ 03 +

验证弱

+

代码生成很快，但缺少调研、设计、测试和验收，返工没有少。

+
+
+

真正缺的不是模型能力，而是被组织起来的能力。

+
+
+ +
+
+

一个适合团队落地的框架

+

AI 编程提效，从三层来搭。

+
+
+ 1 + 工具链 统一入口、统一路由、统一配置、统一成本观察。 +
+
+ 2 + 插件方法 把经验固化成插件、skills、MCP 和 workflow。 +
+
+ 3 + 实战闭环 围绕真实任务，把调研、设计、编码、测试串起来。 +
+
+
+
+ +
+
+
+ Codex 与 Claude 协作工作流图 +
+
+
+ +
+
+
+ cc-switch 配合 Codex 和 Claude Code 的架构图 +
+
+
+ +
+
+

从 prompt 到 workflow

+

插件方法层，重点不是装了什么。

+
+
+ Superpowers +

让 Agent 按流程工作

+

先澄清目标，再设计，再计划，再执行和验证。

+
+
+ UIUXProMax +

把专业判断技能化

+

设计系统、风格、反模式和检查项变成可重复调用的能力。

+
+
+ MCP / Browser +

补上下文

+

让 AI 访问网页、文档、系统和运行结果，而不是只看聊天记录。

+
+
+

不要复制聊天记录，要复制工作方法。

+
+
+ +
+
+

最值得带走的一页

+

给 AI 派任务，至少说清 5 件事。

+
+
+ 01 +

目标

+

最终要产出什么。

+
+
+ 02 +

上下文

+

代码、文档、截图、链接在哪里。

+
+
+ 03 +

验收

+

结果怎样算完成，怎么验证。

+
+
+

把“帮我做一个页面”升级成“基于这些上下文和约束，先给方案，再给计划，最后给可验证结果”。

+
+
+ +
+
+

实战层

+

从调研到落地，才是最有说服力的提效。

+
+ Codex 从方案调研到验证测试的端到端能力实践图 +
+

核心不是全自动，而是中间交付物也一起生成出来。

+
+
+ +
+
+

团队怎么开始

+

先从小范围任务跑通。

+
+
+ 优先做 +

收益稳定的任务

+
+ 新功能 MVP + 页面开发 / 原型搭建 + CRUD / 后台接口 + 测试、文档、脚手架 +
+
+
+ 谨慎做 +

高风险或模糊任务

+
+ 复杂遗留系统大重构 + 资金、权限、安全链路 + 验收标准不清的需求 + 无人负责拍板的任务 +
+
+
+
+
+ +
+
+
+

不要一开始追求全自动。

+

先追求可用、可控、可复用。

+
+
+
+
+ + cc-switch usage stats +
+
+ TOKEN BURNING + 真实消耗 Tokens +
+
+ cc-switch 真实消耗 Tokens 统计截图 + 长时间运行截图，显示 17h 25m 33s +
+
4,490,038,048 tokens
+
+
+
+
+ +
+
+

安装文档

+

AI 编程工具安装说明

+

先装 Codex / Claude Code，再装 cc-switch，最后装 Superpowers 和 UI/UX Pro Max。

+ +
+
+

1. 基础环境

+

macOS 先确认 Node.js、Git、Homebrew 可用。

+ 
node --version
+npm --version
+git --version
+brew --version
+ 
brew install node
+
+ +
+

2. Codex

+

官方文档 / 安装脚本

+ 
curl -fsSL https://chatgpt.com/codex/install.sh | sh
+codex
+codex --version
+
+ +
+

3. Claude Code

+

Claude 下载页 / Claude Code 文档

+ 
curl -fsSL https://claude.ai/install.sh | bash
+claude
+claude --version
+claude doctor
+ 
brew install --cask claude-code
+ 
winget install Anthropic.ClaudeCode
+ 
npm install -g @anthropic-ai/claude-code
+
+ +
+

4. cc-switch

+

官方仓库 / 下载页

+ 
brew install --cask cc-switch
+brew upgrade --cask cc-switch
+
    +
  1. 添加供应商并填入 API Key 或团队代理。
    2. +
  2. 选择 Codex / Claude Code 等目标工具。
    3. +
  3. 启用供应商，重启终端验证。
    4. +
+
+ +
+

5. Superpowers

+

官方仓库

+ 
/plugin install superpowers@claude-plugins-official
+ 
/plugin marketplace add obra/superpowers-marketplace
+/plugin install superpowers@superpowers-marketplace
+

Codex App：Plugins -> Coding -> Superpowers -> +

+
+ +
+

6. UI/UX Pro Max

+

官方仓库

+ 
npm install -g uipro-cli
+cd /path/to/project
+uipro init --ai codex
+uipro init --ai claude
+uipro init --ai cursor
+ 
uipro update
+uipro uninstall
+
+ +
+

最短路径

+ 
# Codex
+curl -fsSL https://chatgpt.com/codex/install.sh | sh
+brew install --cask cc-switch
+npm install -g uipro-cli
+uipro init --ai codex
+ 
# Claude Code
+curl -fsSL https://claude.ai/install.sh | bash
+brew install --cask cc-switch
+/plugin install superpowers@claude-plugins-official
+npm install -g uipro-cli
+uipro init --ai claude
+
+
+
+
+
+ + +
+ + +
+ + + + diff --git a/ai-coding-tools-install-guide.md b/ai-coding-tools-install-guide.md new file mode 100644 index 0000000..b390a78 --- /dev/null +++ b/ai-coding-tools-install-guide.md @@ -0,0 +1,230 @@ +# AI 编程工具安装说明 + +只保留安装和验证步骤。建议顺序：先装 `Codex` / `Claude Code`，再装 `cc-switch`，最后装 `Superpowers` 和 `UI/UX Pro Max`。 + +## 1. 基础准备 + +macOS 先确认基础环境： + +```bash +node --version +npm --version +git --version +brew --version +``` + +缺少 Homebrew： + +```bash +/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" +``` + +缺少 Node.js： + +```bash +brew install node +``` + +## 2. Codex + +官方文档： +安装脚本： + +macOS / Linux： + +```bash +curl -fsSL https://chatgpt.com/codex/install.sh | sh +codex +``` + +首次运行会提示登录，可用 ChatGPT 账号或 API Key。 + +更新： + +```bash +curl -fsSL https://chatgpt.com/codex/install.sh | sh +``` + +验证： + +```bash +codex --version +``` + +## 3. Claude Code + +Claude 下载页： +Claude Code 文档： + +macOS / Linux / WSL 推荐： + +```bash +curl -fsSL https://claude.ai/install.sh | bash +claude +``` + +macOS Homebrew： + +```bash +brew install --cask claude-code +claude +``` + +Windows： + +```powershell +winget install Anthropic.ClaudeCode +claude +``` + +npm 方式： + +```bash +npm install -g @anthropic-ai/claude-code +claude +``` + +验证： + +```bash +claude --version +claude doctor +``` + +## 4. cc-switch + +官方仓库： +下载页： + +macOS 推荐： + +```bash +brew install --cask cc-switch +``` + +更新： + +```bash +brew upgrade --cask cc-switch +``` + +Windows / Linux：从 Releases 下载对应安装包。 + +安装后配置顺序： + +1. 添加供应商。 +2. 填入 API Key 或团队代理地址。 +3. 选择 Codex / Claude Code 等目标工具。 +4. 启用供应商。 +5. 重启终端后验证 CLI 是否正常请求。 + +## 5. Superpowers + +官方仓库： + +Claude Code： + +```bash +/plugin install superpowers@claude-plugins-official +``` + +或： + +```bash +/plugin marketplace add obra/superpowers-marketplace +/plugin install superpowers@superpowers-marketplace +``` + +Codex App： + +```text +Plugins -> Coding -> Superpowers -> + +``` + +Codex CLI： + +```bash +/plugins +``` + +搜索 `superpowers`，选择 `Install Plugin`。 + +Cursor： + +```text +/add-plugin superpowers +``` + +## 6. UI/UX Pro Max + +官方仓库： + +安装 CLI： + +```bash +npm install -g uipro-cli +``` + +在项目目录安装： + +```bash +cd /path/to/project +uipro init --ai codex +uipro init --ai claude +uipro init --ai cursor +``` + +按需一次性安装到所有支持工具： + +```bash +uipro init --ai all +``` + +更新： + +```bash +uipro update +``` + +卸载： + +```bash +uipro uninstall +``` + +## 7. 最短安装路径 + +Codex 用户： + +```bash +curl -fsSL https://chatgpt.com/codex/install.sh | sh +brew install --cask cc-switch +npm install -g uipro-cli +uipro init --ai codex +``` + +Claude Code 用户： + +```bash +curl -fsSL https://claude.ai/install.sh | bash +brew install --cask cc-switch +/plugin install superpowers@claude-plugins-official +npm install -g uipro-cli +uipro init --ai claude +``` + +## 8. 最后验证 + +```bash +codex --version +claude --version +claude doctor +``` + +再分别打开 Codex / Claude Code，确认： + +1. 可以登录。 +2. 可以读取当前项目。 +3. 可以正常发起模型请求。 +4. `cc-switch` 切换供应商后 CLI 生效。 +5. `Superpowers` / `UI/UX Pro Max` 能被 Agent 识别或触发。 diff --git a/cc-switch-architecture.png b/cc-switch-architecture.png new file mode 100644 index 0000000..538022b Binary files /dev/null and b/cc-switch-architecture.png differ diff --git a/codex-claude-workflow.png b/codex-claude-workflow.png new file mode 100644 index 0000000..570d009 Binary files /dev/null and b/codex-claude-workflow.png differ diff --git a/codex-end-to-end-practice.png b/codex-end-to-end-practice.png new file mode 100644 index 0000000..d5acff2 Binary files /dev/null and b/codex-end-to-end-practice.png differ diff --git a/token-burn-runtime.jpg b/token-burn-runtime.jpg new file mode 100644 index 0000000..6fe06fb Binary files /dev/null and b/token-burn-runtime.jpg differ diff --git a/token-burn-stats.png b/token-burn-stats.png new file mode 100644 index 0000000..6396d29 Binary files /dev/null and b/token-burn-stats.png differ