Communityコーディング&開発github.com

wandb/openui

エージェントのリアルタイム出力文字列を、クライアントサイドで直接インタラクティブなインターフェースプレビューに変換するレンダリングモジュールです。

openui とは?

このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)がリアルタイムで生成する文字列出力を、クライアントサイドで即座にインタラクティブなUIプレビューとしてレンダリングするためのモジュール群を提供します。開発者はエージェントの応答を待たずに、動的なインターフェースの変更を視覚的に確認できるため、プロトタイピングや反復開発の効率が大幅に向上します。主にWebベースの開発環境やエージェント統合ツールで活用され、プレーンなテキストや構造化データをHTML/コンポーネントプレビューに変換する軽量なレンダリングエンジンとして機能します。この仕組みにより、エージェントとユーザー間のフィードバックループが短縮され、より直感的な開発ワークフローが実現します。

対応~Claude Code~Codex CLI~Cursor
npx skills add wandb/openui

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

openui は何をしますか?

エージェントのリアルタイム出力文字列を、クライアントサイドで直接インタラクティブなインターフェースプレビューに変換するレンダリングモジュールです。

関連スキル