Trickle

Magic Canvasはプロジェクト全体が置かれる作業スペースだ。ページは無限のボードに並び、版はすべて保存され、エージェントはレイアウト、横に貼ったメモ、アップロードした素材を見ている。この文脈が単なるチャット画面との差になる。セクションの位置を言葉で説明する代わりに指させるので、エージェントは画面にあるものをもとに動く。

プロンプト1回で、コピー、画像、レスポンシブなレイアウトを備えたページを丸ごと作れる。デザインが既にあるなら、FigmaやExcalidraw、公開中のサイトのスクリーンショットを貼る。AIサイト作成ツールが構造を編集可能なページに変換する。同じリクエストで画像の一括生成も走るため、ヒーロー画像や製品写真はレイアウトと一緒に届く。

Direct Editはキャンバス上の要素をクリックし、テキスト、余白、配置、文字サイズ、色を直接変える。Move Elementはドラッグ＆ドロップでレイアウトを動かす。どちらもクレジットを消費せず、裏側では整ったコードが書き出される。細部にこだわりたいがCSSは触りたくない、という人にこの道具が向く理由はここにある。

フォームを作るたびに、データベース側へ対応する列ができる。型は入力に合わせて決まり、メール欄はメール形式しか受け付けず、ドロップダウンは決まった選択肢を保存する。送信内容はリアルタイムで入り、テーブルの絞り込みと書き出しができる。ノーコード開発でいうと、AirtableやSupabaseを探し回る工程をなくせる。規模が大きい案件ではSupabaseを認証と保存のために接続してもよい。

公開はワンクリックで済む。無料プロジェクトはtrickle.hostのサブドメインで動き、Built with Trickleのバッジが付く。Proはサブドメイン3つ、独自ドメイン1つ、バッジ非表示を追加する。Premiumはサブドメイン10個、独自ドメイン3つまで広がる。内蔵の分析パネルはページビュー、ユニーク訪問者、流入の推移、訪問者のおおよその地域を追う。公開が実際に人を呼んだかを確認できる。

Trickleはプロジェクトを1つのモデルに縛らない。エージェントはClaude Sonnet 4、Gemini 2.5 Pro、GPT-5、Grok 4、Kimi K2 Turboの上で動き、速度や出力の癖で選べる。Image ModeはGemini 2.5 Flash Imageによる生成と編集に加え、インタラクティブなページ向けの短い動画も扱う。生成物は共有ライブラリに貯まり、どのプロジェクトにも持ち込める。書き出したコードファイルのダウンロードも可能だ。ただしデータベースの記録とAI機能は付いてこない。