Code Slides

Build production-ready, code-first slide decks with deterministic structure, distinctive visual direction, and fast iteration. When the job is better served by fully AI-generated slide images, generate a consistent image deck from a structured content spec instead of forcing HTML or React.

Think in magazine-quality slides, not generic app screens repeated 12 times.

External Skill Chains

Use live external skills when they are installed. If one is missing, report the fallback command instead of copying its guidance inline. Local skill rules, repo-specific facts, safety gates, product/channel constraints, and explicit local exceptions win over external guidance when they conflict.

• hallmark: Audit, redesign, study, or build UI with anti-AI-slop design constraints. Install: python scripts/install-external-skills.py --skill hallmark --agent codex.
• frontend-slides: Use frontend-focused slide guidance for polished technical or product decks. Install: python scripts/install-external-skills.py --skill frontend-slides --agent codex.
• visual-explainer: Use visual explanation guidance for diagrams, concepts, and teachable visuals. Install: python scripts/install-external-skills.py --skill visual-explainer --agent codex.

Registry: ../../../references/external-skills.yaml. Reference-only sources: ../../../references/external-sources.yaml.

Workflow