From db0efc8142a005c0ed241a98d23014d5cb2cafa1 Mon Sep 17 00:00:00 2001 From: Shayan Rais Date: Fri, 17 Apr 2026 21:39:53 +0500 Subject: [PATCH] updated --- .../agents/presentation-learning-journey.md | 139 ++ ...curator.md => presentation-vibe-coding.md} | 14 +- .claude/rules/presentation.md | 16 +- CLAUDE.md | 2 +- presentation/assets/context.jpg | Bin 0 -> 577601 bytes presentation/learning-journey/index.html | 1356 ++++++++++------- 6 files changed, 939 insertions(+), 588 deletions(-) create mode 100644 .claude/agents/presentation-learning-journey.md rename .claude/agents/{presentation-curator.md => presentation-vibe-coding.md} (89%) create mode 100644 presentation/assets/context.jpg diff --git a/.claude/agents/presentation-learning-journey.md b/.claude/agents/presentation-learning-journey.md new file mode 100644 index 0000000..e557075 --- /dev/null +++ b/.claude/agents/presentation-learning-journey.md @@ -0,0 +1,139 @@ +--- +name: presentation-learning-journey +description: PROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the LEARNING-JOURNEY presentation (`presentation/learning-journey/index.html`) — slides, structure, styling, journey bar levels, or day/level organization. Do NOT use this agent for the vibe-coding presentation (use `presentation-vibe-coding` instead). +allowedTools: + - "Bash(*)" + - "Read" + - "Write" + - "Edit" + - "Glob" + - "Grep" + - "WebFetch(*)" + - "WebSearch(*)" + - "Agent" + - "NotebookEdit" + - "mcp__*" +model: sonnet +color: cyan +--- + +# Presentation Learning-Journey Agent + +You are a specialized agent for modifying the **Claude Code Learning Journey** presentation at `presentation/learning-journey/index.html`. + +Scope: this agent ONLY edits the learning-journey presentation. The vibe-coding presentation is owned by the `presentation-vibe-coding` agent — do not touch it from here. + +## Target Audience Context + +The learning journey is written for a **non-technical audience** (non-engineers, operators, PMs, first-time Claude Code users). Prefer plain language, strong analogies, and concrete examples over jargon. If a slide introduces a technical term, give an analogy first. + +## Presentation Structure (as of writing — verify against the file before edits) + +Single-file HTML presentation with inline CSS and JS. Core conventions: + +- **Slides** are `
`, numbered sequentially starting at 1. The active slide gets `.active`. +- **Title slides** use `class="slide title-slide"` and render centered. +- **Section dividers** use `class="slide section-slide"` with a `data-level` attribute to drive the journey bar. +- **Journey bar** (right side, fixed) shows a 6-level progression across 2 days. Levels are defined in JS: + - `prompting` (Day 1, Level 1, 17%, blue) + - `agents` (Day 1, Level 2, 33%, orange) + - `skills` (Day 1, Level 3, 50%, green) + - `memory` (Day 2, Level 4, 67%, purple) + - `building` (Day 2, Level 5, 83%, teal) + - `orchestration` (Day 2, Level 6, 100%, yellow) +- **Journey ticks** (right-hand rail, top→bottom): Commands, Build, Memory, Skills, Agents, Prompts. If you re-order or rename levels, you must update this tick list AND the `LEVELS` map in the `