Communitygithub.com

ayhhb/agent-dispatch-sidebar-skill

ネイティブmacOSアプリ向けに、Objective-CとWKWebViewを使用したエージェントディスパッチサイドバーを構築するためのCodexスキルです。

agent-dispatch-sidebar-skill とは?

このスキルは、AIエージェント(特にCodex)がmacOSネイティブアプリケーションの開発を支援するために設計されています。具体的には、Objective-Cで実装されたネイティブウィンドウ内にWKWebViewを使用して埋め込まれるエージェントディスパッチサイドバーの構築に焦点を当てています。このサイドバーは、ユーザーが複数のAIエージェントと対話し、タスクを割り当てたり、進行状況を監視したりするためのインターフェースを提供します。スキルは主にCodexプラットフォームでの使用を想定していますが、同様の機能を提供する他のAIアシスタントにも応用可能です。Objective-CとWKWebViewの組み合わせにより、ネイティブのパフォーマンスとWebベースの柔軟なUIを両立しており、macOSアプリケーションにシームレスに統合できる点が特徴です。

対応~Claude Code✓Codex CLI~Cursor
npx skills add ayhhb/agent-dispatch-sidebar-skill

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

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

ドキュメント

agent-dispatch-sidebar-skill は何をしますか?

ネイティブmacOSアプリケーション向けに、Objective-CとWKWebViewを使用したエージェントディスパッチサイドバーを構築するためのCodexスキルです。

概要

このスキルは、CodexエージェントがmacOSアプリに統合するエージェントディスパッチサイドバーを作成する際のガイドラインとテンプレートを提供します。サイドバーは複数のAIエージェントを管理・ディスパッチするためのUIコンポーネントであり、ネイティブのルックアンドフィールを保ちながら、WKWebViewを介して動的なWebコンテンツを表示します。

主な機能

  • Objective-Cベースのネイティブウィンドウ管理
  • WKWebViewを使用した埋め込みWebコンテンツ
  • エージェント間のメッセージングとタスクディスパッチ
  • macOSのネイティブUIとのシームレスな統合

使用方法

前提条件

  • macOS開発環境(Xcode)
  • Objective-Cの基本的な知識
  • WKWebViewの使用経験

実装手順

  1. 新しいmacOSアプリケーションプロジェクトを作成します。
  2. サイドバーをホストするNSWindowControllerを実装します。
  3. WKWebViewを設定し、HTML/JavaScriptインターフェースをロードします。
  4. エージェントとの通信を処理するためのネイティブ-Webブリッジを実装します。

コード例

// WKWebViewの設定例
WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
WKUserContentController *controller = [[WKUserContentController alloc] init];

// ネイティブ-Web間のメッセージハンドラを追加
[controller addScriptMessageHandler:self name:@"agentBridge"];
configuration.userContentController = controller;

WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.frame configuration:configuration];
[self.view addSubview:webView];

対応プラットフォーム

  • Codex: プライマリサポート
  • その他のAIアシスタント: 汎用的な設計のため応用可能

関連リソース

関連スキル