lp-kit

素の HTML/CSS/JS ＋ AI 駆動の 5 フェーズワークフローで、1 枚の LP（ランディングページ）を作る ためのテンプレートをスキャフォルドする CLI です。ビルドツール・フレームワーク・外部依存ゼロ。

クイックスタート

npx lp-kit my-lp
cd my-lp
python3 -m http.server 8765   # → http://localhost:8765/index.html

ディレクトリ名を省略すると、対話で 1 問だけ質問します。

npx lp-kit            # プロジェクト名を質問（デフォルト: my-lp）

何が展開されるか

my-lp/
├── index.html               # LP 本体
├── assets/css/{reset,style}.css
├── assets/js/main.js
├── assets/img/
├── docs/requirements.template.md
├── .claude/skills/          # 5 フェーズのスキル
├── CLAUDE.md                # 生成プロジェクト用ガイド
├── README.md
└── .gitignore

AI 駆動の 5 フェーズ

生成したプロジェクトを Claude Code で開き、参考 LP の URL とプロダクト情報を起点に 次のスキルを順に実行します（各レビューで承認してから次へ）。

1. /lp-requirements — 要件定義（→ docs/requirements.md）
2. /lp-requirements-review — 要件レビュー
3. /lp-implement — 実装
4. /lp-implement-review — 実装レビュー
5. /lp-visual-test — ビジュアルテスト

詳細は生成プロジェクトの CLAUDE.md を参照してください。

動作環境

• Node.js >= 18
• ローカル確認に python3（任意の静的サーバーでも可）

ライセンス

MIT