Communitygithub.com

ytisvibecoding/html-visual-editor

静的なHTMLを視覚的に編集可能なページに変換します。インラインテキスト編集、カラー/フォント/レイアウトパネル、プリセットテーマ、ワンクリックエクスポートを備えています。

html-visual-editor とは?

このスキル「ytisvibecoding/html-visual-editor」は、Claude CodeやCursorなどのAIエージェントプラットフォーム上で動作する、静的なHTMLファイルを完全に視覚編集可能なインタラクティブページに変換するためのツールです。開発者やノーコードユーザーは、提供された任意のHTMLをベースに、インラインテキスト編集、カラーピッカーやフォントセレクター、ドラッグ&ドロップによるレイアウト調整などを直感的に行えるようになります。さらに、あらかじめ用意されたプロフェッショナルなテーマをワンクリックで適用でき、編集結果はオリジナルのHTML構造を維持したままワンクリックでエクスポート可能です。これにより、コーディング知識がなくても、既存のHTML資産を迅速にカスタマイズし、プロトタイピングやクライアントへのデモを効率的に行うことができます。主なユースケースとしては、ランディングページの迅速な調整、メールテンプレートの視覚的編集、既存ウェブサイトの簡単なモックアップ作成などが挙げられます。

対応~Claude Code~Codex CLI~Cursor
npx skills add ytisvibecoding/html-visual-editor

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

html-visual-editor は何をしますか?

任意の静的なHTMLを、視覚的に編集可能なページに変換します。インラインテキスト編集、カラー/フォント/レイアウトパネル、プリセットテーマ、ワンクリックエクスポートを備えています。

関連スキル