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
Chamber: AI Agent for GPU Infrastructure Management
Chamber is an AI agent that manages GPU infrastructure by handling tasks like provisioning clusters, diagnosing failed jobs, and managing workloads. It provides structured operations with validation and rollback, not just raw shell commands.
CC-Canary: Detect Regressions in Claude Code with Local JSONL Analysis
CC-Canary reads Claude Code session logs and produces a forensic report on model drift, including read:edit ratio, reasoning loops, cost trends, and auto-detected inflection dates.
Interactive Website Simulates Claude Code Project Structure
A developer built exploreclaudecode.com, a browser-based simulation of a Claude Code project with a functional file tree, configurable files, and terminal panel. The site explains how .claude/ directories, settings files, skills, agents, hooks, and MCP configs work together.
Claude Code Plugin Yoink Replaces Library Dependencies to Reduce Supply Chain Risk
Yoink is a Claude Code plugin that removes complex dependencies by reimplementing only needed functions, using a three-step workflow with /setup, /curate-tests, and /decompose commands. It currently supports Python with TypeScript and Rust support underway.