シンプル配置ツール - AI指示&HTML生成

シンプル配置ツール - 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（単体ファイル）

**ライセンス**: 自由に改変・再配布可能

シンプルだからこそ使いやすい。まずは試してみてください！