Slides-grab: Visual Editor for Fixing HTML Slides Generated by Claude Code
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
👀 See Also
Brand-Docs: Open-Source Tool for Claude to Generate DOCX, PPTX, XLSX from Templates
A Reddit user open-sourced Brand-Docs, a solution for Claude to generate Office documents (DOCX, PPTX, XLSX) that faithfully preserve company brand templates — layout, styles, images — without recreation.
W2A — an open protocol for agent sensors: giving local agents real-time perception
W2A (World2Agent) is an open protocol standardizing the perception layer for AI agents — self-hostable, TS SDK, Apache 2.0. It lets agents receive real-time signals from sensors without one-off scripts.
Mymir: An Open-Source Project Graph for Coding Agents via MCP
Mymir gives agents a graph-based project map with dependencies, decisions, acceptance criteria, and previous execution notes, delivered via MCP to avoid re-explaining state across sessions.
Git pre-commit hook prevents AI coding agents from committing with stale documentation
A developer created a Git pre-commit hook that blocks commits when documentation files are outdated, specifically addressing issues with AI coding agents like Claude Code, Cursor, Windsurf, and Copilot. The tool exits with error code 1 to force AI agents to update documentation before proceeding.