# シンプル配置ツール - AI指示&HTML生成 ## 概要 「とりあえず置いてみたい」を実現する、直感的なレイアウト作成ツールです。 ゲーム制作的な自由度でWeb要素を配置し、Claude（AI）への指示文やHTML/CSSコードを自動生成します。 ## 特徴 - **直感的な操作**: ドラッグ&ドロップで自由に要素を配置 - **AI指示文生成**: Claudeに画像配置を正確に伝える指示文を自動作成 - **HTML/CSS出力**: そのままコピペで使えるコード生成 - **25pxグリッド吸着**: 整然とした配置が簡単 - **アンカーポイント**: 9箇所の基準点から配置位置を指定 - **レイヤー管理**: 重ね順の調整も簡単 - **日本語対応**: 全て日本語で操作・出力 ## こんな人におすすめ - ゲーム制作者（UI設計の試作に） - Web制作初心者（学習用として） - 「複雑なツールは嫌だけど、ちゃんとしたものを作りたい」人 - Claude等のAIにレイアウトを依頼したい人 ## 使い方 1. 画像をアップロード or 要素を追加 2. ドラッグで自由に配置 3. プロパティパネルで細かく調整 4. 指示文 or HTML/CSS を生成 ## 動作環境 - モダンブラウザ（Chrome、Firefox、Safari、Edge） - ダウンロード不要（HTMLファイルをブラウザで開くだけ） --- **価格**: 無料 **ファイル形式**: HTML（単体ファイル） **ライセンス**: 自由に改変・再配布可能 シンプルだからこそ使いやすい。まずは試してみてください！