5throck

5throck/ai-workspace-standards

Skill Claude CodeCodex

Dual-window presenter state synchronization using browser BroadcastChannel API, syncing slide index, speaker notes, timer, current/next slide preview.

5throck/ai-workspace-standards

Skill Claude CodeCodex

Source collection and ideation for lecture materials. After confirming topic/audience/purpose, performs web research (Korean and English by default, adjusted to the engagement's target market and audience when they differ) and writes researchnotes.md. Responds to "research topic", "collect sources" . Stage 1 of the…

5throck/ai-workspace-standards

Skill Claude CodeCodex

Slide content conformance gate. Runs estimate-layout.ts --lint to check every slide in slidedata.json against the merged 4-layer spec's contentconstraints (per slide type: title/subtitle/desc chars, bullet count, body chars). Exit 1 blocks PDF export. Responds to "layout gate", "lint slides", "check slide bounds"…

5throck/ai-workspace-standards

Skill Claude CodeCodex

Designs lecture storyline and slide deck composition. Given researchnotes.md (or direct topic input), produces storyline.md and slidedeck.md. Responds to "make storyline", "compose slide deck", "structure chapters" (Korean: "make storyline", "compose slide deck", "restructure chapters"). Stages 2-3 of the lecture…

5throck/ai-workspace-standards

Skill Claude CodeCodex

Entry point for creating a new co-deck theme or style. PM dispatches the appropriate workflow (Style Workflow or T-Stage) based on user request. Responds to: "create a new theme", "add a new style", "make a dark theme", "create a dark style", "add zen theme".

5throck/ai-workspace-standards

Skill Claude CodeCodex

Manages version snapshots of lecture files. Auto-backs up files before edits and restores prior versions on demand. Must be called before any file modification by any agent. Responds to "go back to previous version", "show version list". Cross-cutting — applies to all workflow stages.

5throck/ai-workspace-standards

Agent Claude Code

Design agent — locks color palette, fonts, and layout into designspec.md. Use when: storyline is approved (Gate 2) and Gate 3 design lock needs to be prepared.

5throck/ai-workspace-standards

Agent Claude Code

Diagram agent — generates high-quality SVG concept diagrams and data charts from visualspec fields in slidedeck.md, styled to match designspec.md. SVG is the primary delivery format for HTML; PNG is optional and required only for PDF export. Runs at Stage 3.5 parallel to image-curator.

5throck/ai-workspace-standards

Agent Claude Code

Quality agent — validates handbook HTML against AUTHORINGGUIDELINES.md. Use when: handbook content is written and needs quality verification. Runs handbook-doctor.ts, check-authoring.ts, validate-nav.ts and applies fixes.

5throck/ai-workspace-standards

Agent Claude Code

Content agent — writes handbook chapters, course overview, and instructor guide. Use when: handbook structure is proposed and content needs to be written. Produces HTML files following AUTHORINGGUIDELINES.md and SECTIONTYPES.md.

5throck/ai-workspace-standards

Agent Claude Code

Build agent — generates lecturevN.html from slidedeck.md and designspec.md, integrates images. Use when: designspec.md is locked (Gate 3 approved) and HTML slide file needs to be produced.

5throck/ai-workspace-standards

Agent Claude Code

Image agent — searches license-clear sources and downloads images for each slide based on imagequery fields in slidedeck.md and lecture-profile.md preferences. Use when: slidedeck.md is ready (post-Gate 2) and html-build needs images.

5throck/ai-workspace-standards

Agent Claude Code

PDF prep agent — validates the 4-layer spec merge, checks font availability, and optionally generates a sample PDF. Replaces the deprecated Playwright-based measure agent. Use when: HTML file is ready and PDF preparation is needed before export.

5throck/ai-workspace-standards

Agent Claude Code

Export agent — generates sample (5 slides) and full PDF from slidedata.json using pdf-lib. Uses the 4-layer spec merge (base → theme → style → overrides) — no Playwright required. Use when: slidedata.json and presentations/assets/fonts/ are ready, and Gate 5 PDF review is required.

5throck/ai-workspace-standards

Agent Claude Code

Research agent — gathers web sources and organizes content for storyline design. Use when: PM starts Stage 1, topic is confirmed, and researchnotes.md needs to be written.

5throck/ai-workspace-standards

Agent Claude Code

Verification agent — validates that URLs in researchnotes.md actually exist and that cited content matches expectations. Produces source-verification.md with Trust Score. Use when: researchnotes.md is ready and Gate 1.5 quality check is needed before storyline.

5throck/ai-workspace-standards

Agent Claude Code

Content agent — writes storyline.md (narrative flow) and slidedeck.md (per-slide content). Use when: researchnotes.md is ready and Gate 2 content approval is needed.

5throck/ai-workspace-standards

Agent Claude Code

Version agent — creates snapshots before any file edit and restores prior states on demand. Called by every other agent before modifying lecture files; cross-cutting across all phases.

5throck/ai-workspace-standards

Agent Claude Code

Design system architect - defines visual language, design tokens, and component architecture. Use when: establishing design direction, creating design systems, defining component patterns, or ensuring visual consistency.

5throck/ai-workspace-standards

Agent Claude Code

Interactive prototyping specialist - creates functional prototypes for testing and communication. Use when: building interactive prototypes, simulating user flows, demonstrating interactions, or conducting usability tests.

5throck/ai-workspace-standards

Agent Claude Code

Service designer - designs end-to-end service experiences, customer journeys, and operational processes. Use when: mapping customer journeys, designing service blueprints, optimizing touchpoints, or aligning frontstage and backstage experiences.

5throck/ai-workspace-standards

Agent Claude Code

Brand narrative lead - defines design principles, brand positioning, and narrative consistency across the design system. Use when: writing design principle documents, defining brand voice/positioning, auditing pattern consistency, or resolving conflicts between competing design decisions.

5throck/ai-workspace-standards

Agent Claude Code

Typography expert - specializes in font selection, type systems, and visual hierarchy through typography. Use when: choosing typefaces, designing type scales, establishing typographic systems, or solving complex layout and hierarchy challenges.

5throck/ai-workspace-standards

Agent Claude Code

User research specialist - conducts user interviews, usability testing, and research synthesis. Use when: validating user needs, conducting usability tests, analyzing user behavior, or synthesizing research findings.