Claudable：自然言語をWebアプリケーションに変換するためのオープンソースの構築プラットフォーム。
Claudableは、無料のオープンソースAI駆動型Webビルダーです。Claude Code、Codex、Cursor Agent、Qwen CodeといったローカルCLIプログラミングエージェントを統合することで、開発者は自然言語で要件を直接記述でき、プラットフォームが自動的に実行可能なNext.jsアプリケーションを生成します。このツールはリアルタイムプレビューを提供するだけでなく、VercelデプロイメントやSupabaseデータベースとも統合されており、最新のWeb製品開発における参入障壁を大幅に低減します。
コアコンピテンシー分析
Claudableの中核となるロジックは、AIエージェントのプログラミング機能を最新のフロントエンドフレームワークと密接に連携させることで、「アイデア」から「製品」までの迅速なクローズドループを実現することにある。
- セマンティックコード生成： ユーザーは「ナイトモードに対応したタスク管理ツールを作成する」といったコマンドを入力するだけで、システムが迅速に完全なコードを生成し、ホットリロードによる即時プレビューを実現できます。
- 柔軟なモデルエコシステム： レコメンデーションベースのものを含む、複数の主要なAIエージェントと互換性があります。 クロード・コードOpenAIの Codex CLIマルチモデル対応 カーソルCLIそしてアリババのオープンソース クウェンコード 河芝AIの Z. AI GLM-4.6。
- 産業グレードのUIソリューション： Tailwind CSSとshadcn/uiが事前に統合されているため、生成されるインターフェースは自然にレスポンシブなレイアウトを持ち、手動でスタイルを調整する必要なく、現代的な美学に準拠します。
- 敷居ゼロの導入環境： npmを使ってインストールするだけで簡単に起動でき、複雑なAPIキーやローカルデータベース環境の事前設定は不要です。
インフラストラクチャ統合
- ヴェルセル： ワンクリックでクラウド展開が可能になり、面倒な設定手順が不要になります。
- スーパーベース： 本番環境レベルのPostgreSQLデータベースサポートと、組み込みのユーザー認証モジュールを提供します。
- GitHub: バージョン管理と継続的デプロイメント（CD）プロセスを自動的に引き継ぎます。
さらに、クロスプラットフォームでの利便性を向上させるため、ClaudableはmacOS、Windows、Linuxと完全に互換性のあるElectronベースのデスクトップアプリケーション版も提供しています。
クイックスタートガイド
環境準備
- Node.js バージョン 18 以降
- Claude CodeまたはCursor CLIは既にログイン済みです
- Gitをインストールする
展開手順
git clone https://github.com/opactorai/Claudable.git cd Claudable npm install npm run dev 起動後のアクセス http://localhost:3000 その後、インターフェースにアクセスできます。システムが自動的に作成します... .env 設定ファイルを構成し、使用可能なポートを割り当てます。
運用とよくある問題
日常的な使用やメンテナンスの際に、環境問題に迅速に対処するには、以下のコマンドを使用できます。
- データベースのリセット:
npm run db:reset - データベースのバックアップ:
npm run db:backup - 依存関係のクリーンアップ: 埋め込む
npm run clean次に、依存関係を再インストールします。
ヒント： 若遇到权限错误或端口冲突，请优先检查系统用户权限并清理冗余依赖环境。
適用可能なシナリオ
- 独立系開発者／ハッカソン参加者： MVP（最小実行可能製品）またはデモを迅速に構築します。
- AIプログラミング初心者向け： 意味記述を通してアプリケーション構造を学ぶには、高度なプログラミングの知識は必要ありません。
- 技術チーム： 製品プロトタイプの迅速な検証や、新しいUIインターフェースのテストに使用されます。
- 教育分野： プログラミングの啓発や教育デモンストレーションのためのインタラクティブなツールとして。
ロードマップとオープンソースライセンス
このプロジェクトはMITオープンソースライセンスの下でライセンスされています。今後のアップデートでは以下の点に重点を置きます。
- モデルコンテキストプロトコル（MCP）のネイティブサポート。
- チャット履歴とコードの状態を保存／復元する仕組みを実装する。
- AGENTS.mdで定義されているマルチエージェント協調システムをサポートします。
- URLベースのプロジェクト複製機能を開発する。
プロジェクト住所： https://github.com/opactorai/Claudable
