graphic-recording

Generate graphic recording visuals from slide content and insert them into MDX slides.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/co-r-e/dexcode --skill graphic-recording
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: graphic-recording
Source: https://github.com/co-r-e/dexcode/tree/main/.claude/skills/graphic-recording
Command: npx skills add https://github.com/co-r-e/dexcode --skill graphic-recording

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Graphic recording transforms dense slide content into structured, hand-drawn visual notes that match your deck's theme colors, helping audiences grasp complex concepts faster and remember key ideas.

Core Features & Use Cases

  • Generate graphic recording style visuals from slide text or screenshots.
  • Save images to the deck's assets directory and insert them into MDX slides.
  • Ensure consistent visuals across decks for presentations, workshops, and training materials.

Quick Start

Provide the target deck name and slide to visualize, then confirm the generated prompt before generation.

Frequently Asked Questions about graphic-recording

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn slide text into hand-drawn visual notes?

To turn slide text into hand-drawn visual notes, the Skill generates graphic recording style visuals from your MDX slide content and inserts the image directly into that specific slide file.

Can I match deck theme colors when generating visual notes?

Yes, you can match deck theme colors because the generated graphic recording visuals are specifically styled to align with your target deck's existing color palette.

What is graphic recording for presentation slides?

Graphic recording for presentation slides is the process of transforming dense slide text into structured, hand-drawn visual notes that help audiences grasp complex concepts faster.

How do I generate an AI art image and insert it into an MDX slide?

You generate an image and insert it into an MDX slide by specifying the target deck and slide, confirming the constructed prompt, and the Skill saves the visual to the assets directory before insertion.

Do I need to confirm the prompt before generating slide visuals?

Yes, you need to confirm the constructed prompt before generating slide visuals to ensure the output matches your requirements before the image generation executes.

Where are generated visual notes saved within a presentation deck?

Generated visual notes are saved to the deck's assets directory at decks/<deck>/assets/, ensuring consistent image management for presentations, workshops, and training materials.