슬라이드-그랩: Claude 코드로 생성된 HTML 슬라이드를 수정하는 시각적 편집기

Slides-grab는 Claude Code를 사용하여 생성된 HTML/CSS 슬라이드의 편집 워크플로우를 개선하기 위해 설계된 시각적 편집기 도구입니다. 이 도구는 특히 AI 생성 코드를 텍스트 프롬프트로 작업할 때 작은 레이아웃 문제를 수정하는 어려움을 해결합니다.

작동 방식

사용자는 수정하고 싶은 슬라이드의 특정 부분을 드래그합니다. 그러면 도구가 두 가지 핵심 정보를 캡처합니다:

• 선택된 요소의 XPath
• 정확히 어떤 부분을 편집해야 하는지 보여주는 강조된 스크린샷

이 정보는 Claude AI 에이전트에 전송되어 수정이 필요한 부분에 대한 정확한 컨텍스트를 제공합니다. 이 접근 방식은 텍스트 프롬프트만으로 사소한 레이아웃 조정을 수정하는 것이 비효율적이고 실망스러울 수 있는 문제를 해결합니다.

워크플로우 컨텍스트

이 도구는 특정 워크플로우를 위해 설계되었습니다: Claude Code가 초기 HTML/CSS 슬라이드를 생성한 후, slides-grab가 정교화 단계를 처리합니다. 이러한 분리는 Claude가 콘텐츠 생성에 집중하는 동안 시각적 도구가 정밀한 편집 루프를 관리할 수 있게 합니다.

저장소는 https://github.com/vkehfdl1/slides-grab에서 확인할 수 있습니다.