マニュアルGitHubインストール

ターミナルから Stylebot を

コマンドラインから Stylebot を操作するか、Claude Code、Codex、Cursor などのコーディングエージェントに任せられます。エージェントはブラウザ上でそのままサイトのスタイルを変更し、API キーではなくご自身のサブスクリプションを使います。

設定方法

  1. Stylebot をインストール

    Chrome または Edge 向けです。Firefox ではまだコマンドラインを使えません。

    Chrome に追加Edge に追加

  2. CLI をインストール

    Node 20 以降が必要です。

    $ npm install -g @stylebot/cli

  3. ブラウザに接続

    CLI を Chrome と Edge に登録し、Stylebot から接続できるようにします。

    $ stylebot install

  4. コマンドラインからのアクセスをオン

    Stylebot のオプションの「基本設定」でこのパソコンのアプリに Stylebot の操作を許可をオンにし、ブラウザの確認を許可します。

  5. Claude Code プラグインを追加 任意

    Claude Code で次を実行します：

    $ /plugin marketplace add ankit/stylebot
    $ /plugin install stylebot@stylebot

    試してみましょう：

    $ /stylebot news.ycombinator.com give it a dark theme

コマンド

これらのコマンドは通常エージェントが実行しますが、自分で実行することもできます。stylebot --help ですべてのコマンドを確認できます。

$ stylebot open news.ycombinator.com
ページを背面のウィンドウで開き、そのタブ ID を出力します。
$ stylebot outline 54432929
ページ上に表示されている要素をアウトラインとして出力します。
$ stylebot css set news.ycombinator.com < dark.css
CSS をサイトのスタイルとして保存して適用し、ページを確認します。
$ stylebot screenshot 54432929 -o page.png
タブの画像を保存します。

プライバシー

コマンドラインからのアクセスは、オンにするまでオフです。オンの間は、このパソコンのアプリが開いているページの読み取り、スクリーンショットの撮影、スタイルの変更を行えます。Stylebot のオプションでいつでもオフにできます。

Stylebot と CLI はこのパソコン上で互いにやり取りするだけで、外部には何も送信しません。エージェントは読み取った内容を自身のプロバイダーに送信します（Claude Code なら Anthropic）。