UStackUStack
Make Real icon

Make Real

Make Realは、UIを描いて実用デモを作れるtldrawベースの公開GitHubリポジトリです。ライブデモ、starter repo案内、カスタマイズ用プロンプト資産を収録。

AI DevOpsアシスタント
AIアプリビルダー
AI図生成ツール
ウェブサイトを訪問
Make Real

概要

Make Real は、“Draw a ui and make it real.” と説明されている tldraw ベースのプロジェクトの GitHub リポジトリです。README では、ライブデモとして makereal.tldraw.com が案内されており、プロジェクトは tldraw SDK で構築されていると記載されています。

このリポジトリは公開されていますが、アーカイブ済みで読み取り専用のため、現在も積極的に保守されている製品サイトというより、参照用コードや starter repo として機能します。ファイル構成には app ディレクトリ、プロンプト資産、デモアプリを支えるフロントエンド設定ファイルが含まれています。

含まれる内容

アプリのソースコード

リポジトリには Make Real アプリケーションのコードが含まれており、app ディレクトリ、プロンプト、サポート用の設定ファイルがまとめられています。

ホストされたデモの参照

README には makereal.tldraw.com のライブデモへのリンクがあり、実行可能な公開例としてプロジェクトが案内されています。

tldraw SDK を基盤に構築

README では Make Real が tldraw SDK で構築されていると説明されており、コアとなるレンダリングとインタラクションの基盤が示されています。

複数のプロンプトバリアント

prompts ディレクトリには Anthropic、Google、OpenAI、元のプロンプト、scratchpad 向けの個別ファイルがあり、モデル別のプロンプト資産が確認できます。

スターターリポジトリ形式

リポジトリには starter-repo の注記が含まれており、このプロジェクトをクローンして独自の構成に適応させることを意図していることがわかります。

代表的なユースケース

  • 実装を学ぶ

    リポジトリを見て、Make Real デモがどのように組み立てられているか、また app、プロンプト、設定ファイルがどう連携しているかを理解します。

  • コンセプトを評価する

    ライブデモを開いて、アイデアを適用するか判断する前に、プロジェクトの UI 変換ワークフローを確認します。

  • 派生アプリを作成する

    starter repo をクローンし、同じ tldraw ベースの基盤を使ってカスタマイズ版の Make Real を構築します。

  • プロンプト資産を確認する

    prompts ディレクトリを確認して、プロジェクトで使われているモデル別プロンプトファイルの違いを比較します。

Pros and Cons

Pros

  • クローン前に実際の動作を確認できるライブデモのリンクが用意されています。
  • tldraw SDK を使用しているため、アプリの技術的基盤が明確です。
  • 独自版を作りたいチーム向けに starter repo の注記が含まれています。
  • プロンプト資産が複数のファイルに分かれているため、プロンプト設定を確認・変更しやすくなっています。

Cons

  • リポジトリはアーカイブ済みで読み取り専用のため、積極的に保守されているコードベースとして扱うべきではありません。
  • 公開ページには、本番向けのサポート体制やサービスレベルの約束は明記されていません。

FAQ

Make Real とは何ですか？

これは、tldraw SDK で構築されたと説明されている Make Real プロジェクトの GitHub リポジトリです。README では、ホストされたデモとして makereal.tldraw.com が案内されています。

このリポジトリから自分のバージョンを作れますか？

README では、自分のバージョンの Make Real を作りたい場合は starter repo をクローンするよう案内されています。

製品ページに料金情報はありますか？

このページ自体には、プロジェクト単体の別個の料金体系は記載されていません。リンク先の GitHub の料金ページには GitHub の Free、Team、Enterprise プランが表示されており、リポジトリは公開かつアーカイブ済みです。

ユーザーはどこで詳細を知ったり、作品を共有したりできますか？

README では、更新情報や他の人の制作例についてはブログ記事と tldraw の Discord を案内しています。

Quick Facts

カテゴリ
開発者向けツール
プロジェクト種別
公開 GitHub リポジトリ
ステータス
アーカイブ済み・読み取り専用
主要フレームワーク
tldraw SDK
デモ
makereal.tldraw.com
料金
リポジトリページにプロジェクト料金の記載なし

Make Realの代替品

Speculos icon

Speculos

SpeculosはClaude Code向けのデプロイツール。作成したアプリを共有URLで公開し、private・org-wide・publicに対応。会社ドメイン、データ接続、顧客クラウド配備の管理機能も搭載。

MakerLoft icon

MakerLoft

MakerLoftは、GitHubリポジトリから静的サイトやフルスタックアプリを作れるチャット起点のAIアプリビルダーです。GitHub Pagesの無料公開と、サインイン・決済・管理画面に対応したDigitalOcean連携の構成を選べます。

ClawTick icon

ClawTick

ClawTickは、CLI、ダッシュボード、REST APIからジョブをスケジュールできるAIエージェント自動化プラットフォームです。LangChain、CrewAI、webhook、カスタムワークフローの監視、アラート、ログ管理に対応。

Falconer icon

Falconer

Falconerは、GitHub、Slack、Linearなどと同期し、社内ドキュメントを正確に保ち、検索しやすく最新化するAI搭載の会社の頭脳。エンジニアや横断チームのナレッジを集約し、共通の情報源から質問に答えます。

OpenFlags icon

OpenFlags

OpenFlagsは、現代的なJavaScriptチーム向けのオープンソースでセルフホスト型のfeature flagプラットフォームです。ローカル評価、段階的ロールアウト、対象別の公開を、データを自社環境に保持したまま実現します。

Skills Janitor icon

Skills Janitor

Skills Janitorは、Claude CodeとOpenAI Codexのskillsを監査・追跡・管理するGitHubホストのスラッシュコマンド集。重複、壊れたリンク、未使用skillsを見つけて、自己完結型コマンドで整理できます。