Slides-grab: Claude Codeで生成されたHTMLスライドを修正するためのビジュアルエディター

✍️ OpenClawRadar📅 公開日: April 18, 2026🔗 Source
Slides-grab: Claude Codeで生成されたHTMLスライドを修正するためのビジュアルエディター
Ad

Slides-grabは、Claude Codeを使用して生成されたHTML/CSSスライドの編集ワークフローを改善するために設計されたビジュアルエディターツールです。このツールは、AI生成コードをテキストプロンプトだけで扱う際に生じる小さなレイアウト問題の修正の難しさに特に対応しています。

仕組み

ユーザーは修正したいスライドの特定部分をドラッグします。ツールはその後、以下の2つの重要な情報をキャプチャします:

  • 選択された要素のXPath
  • 編集が必要な箇所を正確に示すハイライトされたスクリーンショット

この情報はClaude AIエージェントに送信され、修正が必要な内容について正確なコンテキストを提供します。このアプローチは、テキストプロンプトだけではマイナーなレイアウト調整の修正が非効率的でイライラする可能性があるという問題を解決します。

ワークフローのコンテキスト

このツールは特定のワークフロー向けに設計されています:Claude Codeが最初のHTML/CSSスライドを生成し、その後slides-grabが改良段階を処理します。この分離により、Claudeはコンテンツ生成に集中でき、ビジュアルツールが正確な編集ループを管理します。

リポジトリはhttps://github.com/vkehfdl1/slides-grabで利用可能です。

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

歯櫛:Claude OpusとSonnet APIで構築されたオープンソースのリアルタイム音声ファクトチェッカー
Tools

歯櫛:Claude OpusとSonnet APIで構築されたオープンソースのリアルタイム音声ファクトチェッカー

Toothcombは、音声の文字起こしを取得し、主張のファクトチェック、論理的誤謬や操作的な言語の検出をClaude Opus APIを使用して行い、リアルタイムのマイクストリーミングをサポートするオープンソースツールです。

OpenClawRadar
Relvyは、OpenRCAベンチマークにおいてClaudeの根本原因分析精度を12パーセントポイント向上させます。
Tools

Relvyは、OpenRCAベンチマークにおいてClaudeの根本原因分析精度を12パーセントポイント向上させます。

Relvyは、ランブックを自動化するツールで、OpenRCAベンチマークにおける根本原因分析のClaudeの精度を12パーセントポイント向上させたことを実証しました。この結果は、11ポイントを獲得したHacker Newsの投稿で共有されました。

OpenClawRadar
Queuelo: LLMエージェント向け軽量承認API
Tools

Queuelo: LLMエージェント向け軽量承認API

Queueloは、LLMエージェントが不可逆的なアクションを実行する前に一時停止できるシンプルなAPIレイヤーです。エージェントがアクションリクエストをPOSTすると、承認または拒否の通知が届き、エージェントはウェブフックを通じて回答を受け取ります。

OpenClawRadar
civStation: Civilization VIの自然言語制御のためのオープンソースVLMハーネス
Tools

civStation: Civilization VIの自然言語制御のためのオープンソースVLMハーネス

civStationは、Civilization VIを音声と自然言語で制御するためのオープンソースのコンピュータ利用スタックであり、VLMベースの観測と実行ループを通じて高レベルの戦略コマンドをUI操作に変換します。

OpenClawRadar