Slides-grab: Visual Editor for Fixing HTML Slides Generated by Claude Code

✍️ OpenClawRadar📅 Published: April 18, 2026🔗 Source
Slides-grab: Visual Editor for Fixing HTML Slides Generated by Claude Code
Ad

Slides-grab is a visual editor tool designed to improve the editing workflow for HTML/CSS slides generated using Claude Code. The tool specifically addresses the difficulty of fixing small layout issues when working with AI-generated code through text prompts.

How It Works

The user drags the specific part of the slide they want to fix. The tool then captures two key pieces of information:

  • The XPath of the selected element
  • A highlighted screenshot showing exactly what needs editing

This information is sent to the Claude AI agent, providing precise context about what needs to be modified. The approach solves the problem where fixing minor layout adjustments through text prompts alone can be inefficient and frustrating.

Workflow Context

The tool is designed for a specific workflow: Claude Code generates the initial HTML/CSS slides, then slides-grab handles the refinement phase. This separation allows Claude to focus on content generation while the visual tool manages the precise editing loop.

The repository is available at https://github.com/vkehfdl1/slides-grab.

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also