docs: update ai coding guides

Author: Snailclimb

docs/.vuepress/sidebar/ai-coding.ts

@@ -3,54 +3,74 @@ import { ICONS } from "./constants.js";
 
 export const aiCoding = arraySidebar([
   {
-    text: "AI 编程技巧",
-    icon: ICONS.TOOL,
+    text: "入门",
+    icon: ICONS.BASIC,
     children: [
       {
-        text: "⭐️Vibe Coding 实用技巧总结",
-        link: "practices/the-cool-tricks-for-vibe-coding",
+        text: "AI 编程开放性面试题",
+        link: "practices/ai-ide",
       },
       {
-        text: "⭐️Claude Code 使用指南",
-        link: "practices/claudecode-tips",
+        text: "AI 编程选 CLI 还是 IDE？",
+        link: "practices/cli-vs-ide",
       },
+    ],
+  },
+  {
+    text: "Claude Code 与 Codex",
+    icon: ICONS.CODE,
+    children: [
       {
-        text: "⭐️CLAUDE.md 最佳实践",
-        link: "practices/claude-md-best-practices",
+        text: "⭐️Claude Code 使用指南",
+        link: "practices/claudecode-tips",
       },
       {
         text: "Claude Code 核心命令详解",
         link: "practices/claudecode-commands",
       },
       {
-        text: "⭐️AI 编程必备 Skills 推荐",
-        link: "practices/programmer-essential-skills",
+        text: "⭐️OpenAI Codex 最佳实践指南",
+        link: "practices/codex-best-practices",
       },
       {
-        text: "OpenAI Codex 最佳实践指南",
-        link: "practices/codex-best-practices",
+        text: "高颜值 Claude Code 替代 OMP",
+        link: "practices/oh-my-pi",
       },
       {
-        text: "AI 编程选 CLI 还是 IDE？",
-        link: "practices/cli-vs-ide",
+        text: "Ghostty 安装、配置和常见技巧",
+        link: "practices/ghostty",
       },
       {
         text: "Claude Code Agent View 多会话管理",
         link: "practices/claudecode-agentview",
       },
+    ],
+  },
+  {
+    text: "规范与提效",
+    icon: ICONS.PERFORMANCE,
+    children: [
       {
-        text: "AI 编程开放性面试题",
-        link: "practices/ai-ide",
+        text: "⭐️Vibe Coding 实用技巧总结",
+        link: "practices/the-cool-tricks-for-vibe-coding",
       },
       {
         text: "Spec Coding 规范驱动编程",
         link: "practices/spec-coding",
       },
+      {
+        text: "⭐️CLAUDE.md 最佳实践",
+        link: "practices/claude-md-best-practices",
+      },
+      {
+        text: "⭐️AI 编程必备 Skills 推荐",
+        link: "practices/programmer-essential-skills",
+      },
     ],
   },
   {
     text: "AI 编程实战",
-    icon: ICONS.CODE,
+    icon: ICONS.PROJECT,
     children: [
       {
         text: "IDEA + Qoder 插件多场景实战",

docs/ai-coding/README.md

@@ -1,6 +1,6 @@
 ---
 title: AI 编程实战指南：Claude Code、Cursor、Codex、Trae 使用技巧与面试题
-description: AI 编程实战指南，系统整理 Claude Code、Cursor、OpenAI Codex、Trae 等工具的选型思路、上下文管理、CLAUDE.md 最佳实践、Spec Coding、Skills、代码审查和真实项目案例，帮你把 AI 编程工具用稳、用到真实项目里。
+description: AI 编程实战指南，系统整理 Claude Code、Cursor、OpenAI Codex、Trae、oh-my-pi 等工具的选型思路、上下文管理、CLAUDE.md 最佳实践、Spec Coding、Skills、代码审查和真实项目案例，帮你把 AI 编程工具用稳、用到真实项目里。
 category: AI 编程
 tag:
   - AI 编程
@@ -11,13 +11,13 @@ icon: mdi:code-tags
 head:
   - - meta
     - name: keywords
-      content: AI编程,AI辅助编程,AI编程实战,AI编程技巧,AI编程面试题,AI编程工具,AI编程工具对比,Claude Code,Claude Code教程,Claude Code使用技巧,CLAUDE.md,Cursor,Cursor教程,OpenAI Codex,Codex最佳实践,Trae,Trae教程,CLI vs IDE,Spec Coding,AI Skills,AI代码审查,AI编程效率
+      content: AI编程,AI辅助编程,AI编程实战,AI编程技巧,AI编程面试题,AI编程工具,AI编程工具对比,Claude Code,Claude Code教程,Claude Code使用技巧,CLAUDE.md,Cursor,Cursor教程,OpenAI Codex,Codex最佳实践,oh-my-pi,Trae,Trae教程,CLI vs IDE,Spec Coding,AI Skills,AI代码审查,AI编程效率
   - - meta
     - property: og:title
       content: AI 编程实战指南：Claude Code、Cursor、Codex、Trae 使用技巧与面试题
   - - meta
     - property: og:description
-      content: 梳理 Claude Code、Cursor、OpenAI Codex、Trae 等 AI 编程工具的使用边界、上下文管理、规则文件、代码审查和真实项目落地经验。
+      content: 梳理 Claude Code、Cursor、OpenAI Codex、Trae、oh-my-pi 等 AI 编程工具的使用边界、上下文管理、规则文件、代码审查和真实项目落地经验。
 ---
 
 <!-- @include: @small-advertisement.snippet.md -->
@@ -60,7 +60,7 @@ AI 生成的代码，一定要过测试、审查和可回滚的提交管理。
 
 1. [AI 编程开放性面试题](./practices/ai-ide.md)：先看面试会怎么问，也顺便校准自己到底会不会用。
 2. [AI 编程选 CLI 还是 IDE？](./practices/cli-vs-ide.md)：把工具路线分清楚，别一上来就陷入工具名之争。
-3. [Claude Code 使用指南](./practices/claudecode-tips.md)、[Claude Code 核心命令详解](./practices/claudecode-commands.md)：如果你主用 Claude Code，这两篇可以直接当操作手册看。
+3. [Ghostty 安装、配置和常见技巧](./practices/ghostty.md)、[Claude Code 使用指南](./practices/claudecode-tips.md)、[Claude Code 核心命令详解](./practices/claudecode-commands.md)、[高颜值 Claude Code 替代 OMP](./practices/oh-my-pi.md)：如果你主用 CLI Agent，先把终端工作台调顺，再看 Claude Code 和 oh-my-pi 这类终端代理的操作思路。
 4. [CLAUDE.md 最佳实践](./practices/claude-md-best-practices.md)、[AI 编程必备 Skills 推荐](./practices/programmer-essential-skills.md)：开始处理项目规则、上下文管理、Skills 沉淀这些更长期的问题。
 5. [OpenAI Codex 最佳实践指南](./practices/codex-best-practices.md)、[Spec Coding 规范驱动编程](./practices/spec-coding.md)、[Vibe Coding 实用技巧总结](./practices/the-cool-tricks-for-vibe-coding.md)：把提示词、权限、Spec、Git 和多 Agent 工作流串起来。
 6. 工具栈确定后，再按需看 Qoder、Trae、DeepSeek V4 + Claude Code、MiniMax M3 + Claude Code、Claude Code 接入第三方模型等实战案例。
@@ -71,6 +71,7 @@ AI 生成的代码，一定要过测试、审查和可回滚的提交管理。
 
 - [AI 编程开放性面试题](./practices/ai-ide.md)：把 Cursor、Claude Code 等工具怎么用、AI 对后端开发有什么影响这些问题放在一起讲。
 - [AI 编程选 CLI 还是 IDE？](./practices/cli-vs-ide.md)：对比 Claude Code、Cursor、Kiro、Trae 等工具，重点看 CLI 和 IDE 到底适合什么活。
+- [Ghostty 安装、配置和常见技巧](./practices/ghostty.md)：从安装、字体主题、分屏快捷键到 Shell Integration，搭好 Claude Code 和 Codex CLI 的终端工作台。
 - [Spec Coding 规范驱动编程](./practices/spec-coding.md)：系统梳理 Vibe Coding 和 Spec Coding 的区别，从四步落地到多代理协作的完整实战指南。
 - [Vibe Coding 实用技巧总结](./practices/the-cool-tricks-for-vibe-coding.md)：涵盖 Git 版本控制、Spec 范围管理、Skill 沉淀、多模型分工、上下文管理、多 Agent 协作和权限控制等实战经验。
 
@@ -81,6 +82,7 @@ AI 生成的代码，一定要过测试、审查和可回滚的提交管理。
 - [Claude Code 核心命令详解](./practices/claudecode-commands.md)：专门讲 `/simplify`、`/review`、`/loop`、`/batch` 这些命令怎么用。
 - [AI 编程必备 Skills 推荐](./practices/programmer-essential-skills.md)：整理 TDD、代码审查、UI 设计、网页自动化和 Skill 开发这些常用工作流。
 - [OpenAI Codex 最佳实践指南](./practices/codex-best-practices.md)：讲 Codex 云端智能体和 CLI 怎么配提示词、工具权限和安全策略。
+- [高颜值 Claude Code 替代 OMP](./practices/oh-my-pi.md)：介绍这个高颜值 Claude Code 替代工具的 Hashline、LSP/DAP、内置工具、多模型路由和上手配置。
 - [Claude Code Agent View 多会话管理](./practices/claudecode-agentview.md)：多 Agent 并行时，最怕状态乱、权限确认乱，这篇主要解决这个问题。
 
 ### 真实项目案例