halo-dev/upage

UPage – AI駆動のビジュアルウェブページビルダー

何であるか – UPageは、自然言語で希望を記述するだけで、完全機能性がありレスポンシブなウェブページを作成できるオープンソースプラットフォームです。裏で大規模言語モデル（LLM）とやり取りし、HTML、CSS、JavaScriptを生成した後、ライブでドラッグアンドドロップ可能なエディタで結果を表示します。

主な機能

• 自然言語によるデザイン – 「コーヒー店のランディングページで、ヘロ画像、メニュー部分、お問い合わせフォームを含む」 のようなプロンプトを書くと、LLMがページのレイアウトとコードを生成します。
• ビジュアルなWYSIWYGエディタ – 生成されたページがプレビュー領域に即座に表示され、ポイントアンドクリックコントロールでレイアウト、スタイリング、コンポーネントの配置を調整できます。
• マルチページ生成 – 1つのプロンプトでサイトの階層（ホーム、About、製品ページなど）を一括生成し、プラットフォームがページ同士を自動的にリンクします。
• 標準コードエクスポート – クリーンで標準準拠のHTML、CSS、JavaScriptを出力でき、既存プロジェクトにコピーしたり、そのままホスティングできます。
• レスポンシブデザイン – ページは自動的にモバイル対応にされ、デスクトップ、タブレット、スマートフォンの画面に適応します。
• プラグイン可能なLLMバックエンド – OpenAI、Ollama、LMStudioなど、API互換性のある任意のLLMと連携可能。画像ベースのプロンプト用に別途ビジョンモデルを接続することもできます。

始める方法

1. Dockerを備えたLinuxホストを準備。
2. READMEに記載されたワンライナーDockerコマンドを実行し、LLMプロバイダ、APIキー、使用するモデル名を指す環境変数を指定します。
3. コンテナはポート3000でリッスンします。ブラウザで http://localhost:3000 を開いてエディタにアクセスします。
4. （オプション）./data、./logs、./storage をマウントして、ユーザーのアップロードやログを永続化します。
5. GUIインストーラーを好む場合は、UPageは1Panelアプリストアでも利用可能です。

一般的な利用シーン

• コードを書かずにマーケティングサイト、プロダクトランディングページ、または内部ダッシュボードの迅速なプロトタイピング。
• 非技術者チームメンバーが、変更を単に説明するだけでウェブコンテンツを反復可能にすることを可能にする。
• 開発者が出力をさらにカスタマイズするためのボイラープレートコードを生成する。
• 1つのプロンプトで構造を記述できる、マルチページのドキュメントやポートフォリオサイトの構築。

ドキュメントとデモ

• ライブデモ: https://upage.ai/
• クイックスタートガイド: https://docs.upage.ai/quick-start
• 全ドキュメント: https://halo-dev.github.io/upage/

ライセンス – プロジェクトはFIT2CLOUDオープンソースライセンスの下でリリースされており、GPL-v3に類似していますが、追加制限（ロゴと著作権は変更不可、派生作品もGPL-v3でなければならない）があります。商業ライセンスはベンダーを通じて利用可能です。

---

上記のすべての情報はリポジトリのREADMEから直接取得したものであり、外部の仮定は一切追加されていません。