デモ · Cocode ADE

Developer Tools · Widgetbook

開発ツール ライブ

Cocode ADE

Dart・Flutter向けエージェント開発環境の画面部品

Cocode ADEのWidgetbook — 複数ファイルのdiff部品と、範囲・作業終了のノブ
新しいウィンドウで開く

詳細

Cocode ADEはデスクトップアプリのため、ウェブ体験版の代わりに画面部品をWidgetbookで公開しています。承認キュー・コマンドパレット・複数ファイルのdiff・タスクインスペクター・スナップショットタイムラインなどの部品を、ノブで状態を切り替えながら確認できます。

主な機能

5つの機能

  1. 承認と委任エージェントが上げた変更を確認する承認キューと、仕事を任せる委任フォーム。
  2. 変更の確認単一ファイル・複数ファイルのdiffで、エージェントが変更したコードを確認します。
  3. 実行の観察タスクインスペクター・問題リスト・サーバーステータスバーで、いま何が起きているかを確認します。
  4. 元に戻すスナップショットタイムラインと、ロールバック時の競合処理。
  5. シェルとコマンドエディター・ナビゲーション・ターミナル・インスペクターの領域を持つシェルと、コマンドパレット。

見て回れる画面

ブラウザですぐに開ける2か所 — すべて新しいウィンドウで開きます。

技術スタック

  • Flutter
  • Widgetbook
  • CoUI

デモ環境について

  • デスクトップアプリ自体はウェブでは動作しません — Widgetbookでは、その画面部品を状態ごとに見られます。
  • 右側のノブ(Knobs)パネルで、部品の状態を切り替えられます。
  • サンプルデータ(名前・記録)は韓国語です — 画面の文言は選んだ言語で表示されます。

このようなシステムが必要ですか

3行だけ書いて送っていただくのでも大丈夫です。範囲の整理はそこから始めます。