Claude Code 课程演示

日系侘寂风格的 Claude Code 课程演示文稿合集。

目录

页面	文件	说明
目录页	index.html	课程目录，链接到各 slide deck
实操训练营	bootcamp.html	Claude Code 实操训练营，30 页
Agent 驱动工作流	agent-workflows.html	SEO / LinkedIn / Twitter 工作流演讲，17 页

设计特点

• 温暖的米色/奶油色背景
• 优雅的中文衬线字体（思源宋体）+ 西文衬线字体
• 精致的框线装饰（四角边框、顶部装饰线、圆点）
• 克制的配色（深红、暖棕、鼠尾草绿）

使用方法

导航

• 方向键 / 空格键 / 滚轮：切换幻灯片
• Home / End：跳转到首页/末页

编辑模式

• 悬停左上角或按 E 键：进入编辑模式
• 点击任意文本编辑
• Ctrl+S / Cmd+S：保存（自动保存到 localStorage）

自定义配色

编辑各 HTML 文件中的 CSS 变量：

:root {
    --bg-cream: #faf9f7;
    --text-primary: #1a1a1a;
    --accent-crimson: #c41e3a;
    --accent-warm: #d4a574;
    --accent-sage: #8b9d83;
}

源文件

• claude_code_slides.md — Claude Code 课程 markdown 大纲
• claude-code-seo-social.md — Agent 驱动工作流 markdown 全文

在线访问

https://mymark21.github.io/claude-code-course-slides/