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
Echo-TTS Ported to Apple Silicon with MLX for Native TTS with Voice Cloning
Echo-TTS, a 2.4B parameter diffusion text-to-speech model with voice cloning, has been ported from CUDA to run natively on Apple M-series silicon using MLX. On a base 16GB M4 Mac mini, a 5-second voice clone takes about 10 seconds to generate, while 30-second clones take about 60 seconds.
Claude Usage Monitor: Free macOS Menu Bar App for Tracking Claude.ai Limits
A developer built Claude Usage Monitor, a free macOS menu bar app that displays Claude.ai usage with color-coded icons, live counters, and reset timers. The app reads directly from Claude.ai sessions without requiring an API key.
cq: A Local-First Knowledge Sharing System for AI Coding Agents
Mozilla.ai's cq is an open-source tool that lets AI coding agents share 'knowledge units' about common gotchas via a local SQLite store, with optional team sharing through a Docker API. It installs as a Claude Code plugin or OpenCode MCP server.
Session Inspector for Claude Code provides real-time visibility into AI agent operations
Vibeyard, an open-source terminal IDE that wraps Claude Code, has added a Session Inspector feature that provides real-time visibility into Claude Code sessions with timeline tracking, cost breakdowns, tool analytics, and context window monitoring.