Skip to content

Phase 3: UI & Interaction (Chapters 10-13)

Tasks

CH10: Custom Ink Framework

  • [x] CH10-CN: 第10章 - 自研终端 UI 框架 (Ink)
  • [x] CH10-EN: Chapter 10 - Custom Terminal UI Framework (Ink)
  • Acceptance: Reader understands how React components become terminal output

CH11: REPL & Interactive Session

  • [x] CH11-CN: 第11章 - REPL 交互式会话
  • [x] CH11-EN: Chapter 11 - REPL & Interactive Session
  • Acceptance: Reader can trace user input through the REPL to tool execution and result display

CH12: Component Library & Design System

  • [x] CH12-CN: 第12章 - 组件库与设计系统
  • [x] CH12-EN: Chapter 12 - Component Library & Design System
  • Acceptance: Reader knows where to find any component and understands the design patterns

CH13: Hooks Layer

  • [x] CH13-CN: 第13章 - Hooks 层:业务逻辑桥梁
  • [x] CH13-EN: Chapter 13 - Hooks Layer: Business Logic Bridge
  • Acceptance: Reader understands the hooks as the bridge between business logic and UI

Notes

  • CH10 depends on CH04
  • CH11 depends on CH10 + CH05
  • CH12 can start parallel with CH11 (only needs CH10)
  • CH13 depends on CH11

Built for learners who want to read Claude Code like a real system.