@elyracode/anna

Elyra extension for Anna.js -- generate, preview, and build Markdown presentations with terminal animations, live code, Mermaid diagrams, and audience interaction.

Install

elyra install npm:@elyracode/anna

Requires Anna.js CLI:

npm install -g @kwhorne/anna.js

Tools

| Tool | Description | |------|-------------| | generate_presentation | Generate a complete Anna.js presentation from a topic or project context | | preview_presentation | Start dev server with live reload and open in browser | | build_presentation | Generate self-contained HTML (with optional offline/PWA support) |

Commands

| Command | Description | |---------|-------------| | /presentation [topic] | Generate a new presentation | | /slides [file] | Preview an existing presentation |

Skills

The anna-js skill provides the complete Anna.js syntax reference so the agent generates correct Markdown including slides, fragments, terminal animations, live code playgrounds, Mermaid diagrams, component layouts, speaker notes, and themes.

Usage

> Create a presentation about our project architecture
> Generate slides for a Kubernetes intro with terminal demos and diagrams
> Add a slide with a Mermaid flowchart showing the auth flow
> Preview slides.md in the browser
> Build the presentation as offline HTML
/presentation API onboarding guide
/slides

Features

The agent can generate presentations with:

• Slides with horizontal (---) and vertical (--) navigation
• Fragments for step-by-step reveals
• Terminal animations with realistic typing effects
• Live code playgrounds (JS, HTML, CSS) with console output
• Mermaid diagrams (flowcharts, sequence, gantt, etc.)
• Component layouts (columns, comparison, timeline, stats, cards, quotes)
• Speaker notes and keyboard shortcuts
• 11 themes (dark and light)
• Offline/PWA mode for conferences without WiFi