MCPサーバー「Floot MCP」の30秒紹介動画
ClaudeやChatGPTの中でWeb・モバイルアプリを作って公開できる「Floot MCP」の30秒の紹介動画です。同じ依頼をチャットだけに頼んだ場合とFlootをつないだ場合に左右で分け、公開までの違いを並べて見せています。
FablessBridgeによる自主制作の紹介動画
概要
ClaudeやChatGPTの中でWeb・モバイルアプリを作って公開できる「Floot MCP」の30秒の紹介動画です。同じ依頼をチャットだけに頼んだ場合とFlootをつないだ場合に左右で分け、公開までの違いを並べて見せています。
動画の要点
- チャットにアプリを頼むとコードだけが返ってくる状況を、左の画面に「TODO」の残るコードで見せました。
- サーバーやデータベース、公開の手作業が積み重なる様子を、手作業の札が左に落ちて積もる動きで見せました。
- 右ではFlootの手順カードで接続から依頼、修正、公開までを順に囲み、最後に「Live」になるところまで見せました。
動画の流れ
- 00:00墨を落としたように輪が広がり、Flootのアイコンと「Floot MCP」の名前が出ます。
- 00:02同じ依頼を左右に打ちます。左は名前のないチャット、右は手順カード01の「Connect」を囲んでクリックします。
- 00:06左には返答とコードが返り、右では手順カード02の「Order now」を囲みます。
- 00:10左にserverやdatabaseなど手作業の札が落ちて積もり、右では手順カード03の「Make the headline bigger」などを囲みます。
- 00:13左の札の山がゆれてcopy・paste・retryが回り、右では手順カード04の「Publish」と「Live」を囲みます。
- 00:18比較表のFlootの札に寄った所から全体へ引き、Flootの列を順に囲みます。
- 00:21公式サイトの案内の画面に移り、接続の前に確かめる「Before you connect」の部分を囲みます。
- 00:25引いてアイコンと名前、floot.comを出して締めます。