Electron App Automation

Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user needs to interact with an Electron app, automate a desktop app, connect to a running app, control a native app, or test an Electron application. Triggers include "au

概要

The Electron App Automation skill, hosted in the mxyhi/ok-skills repository, provides a mechanism for AI agents to interface with desktop applications built on the Electron framework. By utilizing the Chrome DevTools Protocol (CDP) via an agent-browser, the skill enables programmatic control over popular software including VS Code, Slack, Discord, Figma, and Spotify. It is specifically designed for scenarios requiring native app interaction, connection to active application instances, or automated software testing. This skill is compatible with several major AI agents such as Claude-code, Cursor, and Codex. The parent repository currently holds 423 stars on GitHub, reflecting its utility within the browser-automation category for developers seeking to bridge agentic workflows with desktop environments.

ユースケース

Automating repetitive workflows and data entry within desktop apps like Notion or Slack.
Executing automated UI and functional testing for Electron-based software development.
Connecting AI agents to local development environments like VS Code for code manipulation.

導入方法

# Review source first
open https://github.com/mxyhi/ok-skills/blob/main/electron/SKILL.md

Copy or clone the skill folder into your agent skills directory after reviewing its instructions and scripts.

セキュリティ

Automation via the Chrome DevTools Protocol requires the ability to connect to local application ports. Users must ensure target applications are launched with the necessary debugging flags and that the environment restricts protocol access to authorized agents to prevent unauthorized local process manipulation.

関連Skills

Skill Creator

anthropics/skills

コーディング

新しいスキルの作成、既存スキルの修正と改善、およびスキルパフォーマンスの測定を行います。ユーザーがスキルをゼロから作成、既存スキルの編集や最適化、スキルテストのための評価(evals)の実行、分散分析によるスキルパフォーマンスのベンチマーク、またはトリガー精度の向上のためのスキル説明の最適化を行いたい場合に使用します。

Claude CodeClaude
pythondesign
165,880 StarsApache-2.0

Claude API

anthropics/skills

コーディング

Claude API / Anthropic SDK のリファレンス — model ids、pricing、params、streaming、tool use、MCP、agents、caching、token counting、model migration。TRIGGER — ターゲットファイルを開く BEFORE を読み取ります。「1行のように見える」という理由でスキップしないでください。— 次の場合:プロンプトに Claude/Anthropic が何らかの形式(Claude、Anthropic、Fable、Opus、Sonnet、Haiku、`anthropic`、`@anthropic-ai`、`claude-*`、`us.anthropic.*`、`[1m]`)で指定されている場合、またはユーザーが LLM(pricing/model choice/limits/caching)について質問した場合 — 決して回答しないでください

Claude CodeClaude
typescriptpython
165,880 StarsApache-2.0

MCP Builder

anthropics/skills

コーディング

適切に設計されたツールを通じて、LLMが外部サービスと連携できるようにする高品質な MCP (Model Context Protocol) サーバーを作成するためのガイドです。Python (FastMCP) または Node/TypeScript (MCP SDK) を使用して、外部APIやサービスを統合する MCP サーバーを構築する際に使用します。

CodexClaude
typescriptpython
165,880 StarsApache-2.0

CI Cd And Automation

addyosmani/agent-skills

DevOps

CI/CDパイプラインのセットアップを自動化します。ビルドおよびデプロイパイプラインの設定や変更時に使用します。クオリティゲートの自動化、CIでのテストランナーの設定、またはデプロイ戦略の確立が必要な場合に使用してください。

typescriptsecurity
81,373 StarsMIT

API And Interface Design

addyosmani/agent-skills

コーディング

安定した API とインターフェース設計をガイドします。API、モジュールの境界、またはパブリックインターフェースの設計時に使用します。REST や GraphQL エンドポイントの作成、モジュール間の型コントラクトの定義、フロントエンドとバックエンドの境界設定に活用してください。

typescriptfrontend
81,373 StarsMIT

Browser Testing With Devtools

addyosmani/agent-skills

コーディング

Chrome DevTools MCP を介して実際のブラウザでテストを実行します。ブラウザで動作するものの構築やデバッグ時に使用します。DOM の検査、コンソールエラーのキャプチャ、ネットワークリクエストの分析、パフォーマンスのプロファイリング、または実際のランタイムデータによる視覚的出力の検証が必要な場合に使用してください。chrome-devtools MCP サーバーの設定が必要です。

Claude CodeClaude
javascriptreact
81,373 StarsMIT