Firefox Css Theme

Name: Firefox Css Theme
Author: easonwong-de

作者：easonwong-deバージョン 0.3.5i★ 3iパソコンで動く

レジストリ名io.github.easonwong-de/firefox-css-theme

インストール方法

What it does

MCP for building, inspecting, and live-debugging Firefox CSS themes.

Connects パソコンで動く
Account or key No key needed
Category 開発者ツール

インストール

使っているAIアプリを選んで、設定をコピーしてください。

チェック 3/3 合格 · あなたのパソコンで動きます · ✓ コマンド確認済み 2026年11月13日

まず：どの AI を使っていますか？

ClaudeWeb · アプリ · スマホChatGPTWebClaude CodeターミナルCursorコードエディタVS Codeコードエディタその他その他のアプリ

使っているアプリを選ぶと、下に手順が表示されます。

Claude につなげますが、先に準備が必要です

先にパソコンへ Node.js を入れてください（1 回だけ） · パソコン版 Claude アプリ（Windows または Mac）のみ。Web やスマホでは使えません

Node.js を入れる
1 回だけ。Node.js が必要なすべてのサーバーで使えます
Node.js のダウンロードページを開く ↗
完了
パソコン版 Claude アプリの設定ファイルを開く
SettingsDeveloperEdit Config
完了

この設定を貼り付けて保存

{
  "mcpServers": {
    "firefox-css-theme": {
      "command": "npx",
      "args": [
        "-y",
        "firefox-css-theme",
        "mcp"
      ]
    }
  }
}

完了

Claude を終了してもう一度開く
完了
試してみる
Firefox Css Theme を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude が Firefox Css Theme を使っていると言うか、回答に Firefox Css Theme のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

ChatGPT はまだ Firefox Css Theme につなげません

Firefox Css Theme はパソコンに入れて使うものですが、ChatGPT は Web 上で動くサーバーにしかつなげません

代わりにできること

A · Firefox Css Theme につなげるアプリを使う

Claude の手順 →先にパソコンへ Node.js を入れてください（1 回だけ） · パソコン版 Claude アプリ（Windows または Mac）のみ。Web やスマホでは使えません
Claude Code の手順 →先にパソコンへ Node.js を入れてください（1 回だけ）
Cursor の手順 →先にパソコンへ Node.js を入れてください（1 回だけ）
VS Code の手順 →先にパソコンへ Node.js を入れてください（1 回だけ）

B · 開発者ツールの中で ChatGPT につなげる別のサーバー

同じカテゴリでよく使われているものから、キーなしでアドレスだけでつなげるものを選びました

Sentry✓ ChatGPT
Compiler Explorer✓ ChatGPT
GitDiagram✓ ChatGPT

Claude Code につなげますが、先に準備が必要です

先にパソコンへ Node.js を入れてください（1 回だけ）

Node.js を入れる
1 回だけ。Node.js が必要なすべてのサーバーで使えます
Node.js のダウンロードページを開く ↗
完了
ターミナルを開く
Mac：Command+スペースで Terminal と入力 · Windows：PowerShell を開く
完了

このコマンドを貼り付けて Enter

claude mcp add --scope user firefox-css-theme -- npx -y firefox-css-theme mcp

完了

Claude Code で /mcp と入力
Firefox Css Theme が一覧にあり、接続済みと表示されれば OK です
完了
試してみる
Firefox Css Theme を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude Code が Firefox Css Theme を使っていると言うか、回答に Firefox Css Theme のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Cursor につなげますが、先に準備が必要です

先にパソコンへ Node.js を入れてください（1 回だけ）

Node.js を入れる
1 回だけ。Node.js が必要なすべてのサーバーで使えます
Node.js のダウンロードページを開く ↗
完了
このボタンで Cursor を開く
Cursor で開く
Cursor がインストールの確認をするので Install を押します
完了
Cursor の AI チャットを Agent モードで開く
完了
試してみる
Firefox Css Theme を使って、私に何ができるか教えて、1 つやってみせて
✓ Cursor が Firefox Css Theme を使っていると言うか、回答に Firefox Css Theme のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

VS Code につなげますが、先に準備が必要です

先にパソコンへ Node.js を入れてください（1 回だけ）

Node.js を入れる
1 回だけ。Node.js が必要なすべてのサーバーで使えます
Node.js のダウンロードページを開く ↗
完了
このボタンで VS Code を開く
VS Code で開く
VS Code がインストールの確認をするので Install を押します
完了
VS Code の AI チャットを Agent モードで開く
完了
試してみる
Firefox Css Theme を使って、私に何ができるか教えて、1 つやってみせて
✓ VS Code が Firefox Css Theme を使っていると言うか、回答に Firefox Css Theme のツール名が出れば接続成功です

メニュー名は 2026年11月11日に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください

MCP を使えるアプリをすべて見る →

JSON 設定は下の「開発者向け」にあります

つまずいたら？Firefox Css Theme を使っている人に聞いてみましょう💬 ディスカッション →

開発者向け：ターミナルのコマンドと JSON 設定

パソコンにインストール

Claude Code

claude mcp add --scope user firefox-css-theme -- npx -y firefox-css-theme mcp

Claude Desktop (claude_desktop_config.json)

{
  "mcpServers": {
    "firefox-css-theme": {
      "command": "npx",
      "args": [
        "-y",
        "firefox-css-theme",
        "mcp"
      ]
    }
  }
}

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "firefox-css-theme": {
      "command": "npx",
      "args": [
        "-y",
        "firefox-css-theme",
        "mcp"
      ]
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "firefox-css-theme": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "firefox-css-theme",
        "mcp"
      ]
    }
  }
}

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。

ひと目でわかる

GitHubスター i: 3
週あたりのダウンロードi: 103/週
ライセンス i: MIT
接続方法: パソコンで動く
トランスポート: stdio
最新バージョンi: 0.3.5
カテゴリi: 開発者ツール
レジストリ公開日i: 2026年10月25日
コードの最終更新i: 2026年11月7日
作者: easonwong-de
パッケージ: npm: firefox-css-theme
リポジトリ: easonwong-de/Firefox-CSS-Theme
レジストリでの状態: 有効

使えるアプリ

このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。

パソコン上で動かせるアプリ

Claude Goose LM Studio Msty Studio Cherry Studio Cursor VS Code + GitHub Copilot Visual Studio Windsurf (Devin Desktop)Zed Kiro Cline Continue JetBrains AI Assistant Claude Code Codex CLI Gemini CLI OpenCode nodecode Warp LibreChat Raycast

すべてのアプリと長所・短所 →

できること

パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。

基本チェックi

誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月13日にチェック

✓ 合格
作者とリポジトリが一致
レジストリ名は、リポジトリを所有するGitHubアカウント easonwong-de で確認済みです
✓ 合格
今もメンテナンスされている
コードの最終更新：6 日前
✓ 合格
ライセンスがある
MITを使用
– 対象外
エンドポイントが応答する
これはパソコンで動くため、インターネット上のエンドポイントはありません
– 対象外
OAuthでサインイン
パソコンで動き、代わりにローカルの設定を使います
… 未チェック
ツールの説明に隠れた指示がない
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです

話し合い

質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。

まだ投稿はありません。最初の質問や共有をどうぞ。

ここの投稿は利用者によるもので、PopNx チームのものではありません。

Google でログインして投稿

ユーザーレビュー

まだレビューはありません

Google でログインしてレビューを書く

開発者ツールのほかのサーバーとの比較i

このカテゴリのほかの5851件のうち81%よりスターが多い
このカテゴリのほかの5851件のうち58%より最近レジストリに公開
基本チェックの結果が、このカテゴリのほかの5851件のうち100%と同じかそれ以上

レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。

よくある質問

Firefox Css Themeは安全ですか？

当てはまる基本チェック3項目のうち3項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。

どんなキーやコードが必要ですか？

レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。

パソコンで動きますか、それともクラウドですか？

あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません（サーバー自体がオンラインサービスを呼び出す場合を除きます）。

今もメンテナンスされていますか？

GitHubリポジトリの最終更新は6 日前、最新バージョン（0.3.5）がレジストリに届いたのは19 日前です。

どのアプリで使えますか？

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。

代わりに使えるものは？

同じカテゴリには：REA, GitHub, Serena MCP: the IDE for your agent

同じカテゴリのほかの候補

同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。

カードの見方：↓ 週あたりのダウンロードi★ GitHubスターi3つの柱：レビュー · チェック · 利用状況i更新＝最新バージョンをレジストリに公開した日i

REA

Reverse engineer anything from your terminal or agent with one CLI and MCP server.

作者：morluto広く使われている↓ 38.9万/週★ 45.5万昨日更新

パソコンで動く

インストール

GitHub

Connect AI assistants to GitHub - manage repos, issues, PRs, and workflows through natural language.

作者：github広く使われている★ 3.4万10 日前更新

パソコンでもクラウドでも

インストール

Serena MCP: the IDE for your agent

A powerful toolkit for coding, providing semantic retrieval and editing capabilities.

作者：oraios広く使われている↓ 3.5万/週★ 3.1万6 か月前更新

パソコンで動く

インストール

作者のREADME

READMEを開く

作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。

Firefox CSS Theme

A toolkit for scaffolding, live-debugging, and installing Firefox CSS themes. For agentic DOM inspection and live styling, an MCP server is also available.

Getting Started

[!TIP]

You need Node.js to get started.

For Theme Authors

Scaffold a new theme project using npx:

npx firefox-css-theme create

This interactively prompts for your theme name and stylesheet targets (userChrome only, userContent only, or both).

If you have already opened a theme repository, launch Firefox with live CSS hot-reloading:

npx firefox-css-theme start

[!NOTE]

Theme entry files (userChrome.css and/or userContent.css) must be located at the root of the project directory.

For Theme Users

Navigate to the theme directory and install the stylesheets:

npx firefox-css-theme install

The toolkit will look for userChrome.css and userContent.css in the current directory, and install them into the selected Firefox profile.

For the full list of CLI options, run npx firefox-css-theme --help.

MCP Server Usage

The MCP server enables AI assistants to inspect the Firefox chrome DOM, query computed styles, inject custom CSS, and capture UI screenshots in real time.

Configuration

Add the server to your preferred client or development environment:

Claude Code

claude mcp add firefox-css-theme -- npx -y firefox-css-theme mcp

Codex

codex mcp add firefox-css-theme -- npx -y firefox-css-theme mcp

IDE MCP Configuration

"mcpServers": { "firefox-css-theme": { "command": "npx", "args": ["-y", "firefox-css-theme", "mcp"] } } }

Available MCP Tools

launch_browser: Launches Firefox with chrome debugging.
close_browser: Terminates the browser instance.
customize_toolbar: Toggles the Firefox "Customise Toolbar" mode.
get_ui_tree: Dumps the hierarchical DOM tree of the selected UI element.
query_ui_elements: Queries elements matching a CSS selector in the browser chrome.
get_computed_styles: Extracts computed CSS property values of a specific UI element.
inject_theme_css: Injects a stylesheet into the live UI.
remove_theme_css: Removes an injected stylesheet.
list_theme_css: Lists all currently injected stylesheets.
take_ui_screenshot: Captures a screenshot of a specific UI component.
execute_chrome_javascript: Runs JavaScript in the browser chrome window context.

Commands

`firefox-css-theme create`

Scaffold a new Firefox CSS theme project.

Usage

npx firefox-css-theme create [options]

Options

Option	Description
`-n, --name`	Theme name
`-t, --target`	Stylesheet target: chrome, content, or both
`-f, --force`	Proceed without warning

`firefox-css-theme start`

Launch Firefox with live stylesheet bundling and hot-reloading.

Usage

npx firefox-css-theme start [options]

Options

Option	Description
`-b, --binary`	Path to Firefox executable
`-p, --profile`	Firefox profile name
`--headless`	Run in headless mode
`--atbc`	Start with Adaptive Tab Bar Colour
`--no-toolbox`	Disable Browser Toolbox
`--no-watch`	Disable file watching

`firefox-css-theme install`

Install compiled stylesheets from the current working directory into a Firefox profile.

Usage

npx firefox-css-theme install [options]

Options

Option	Description
`-p, --profile`	Firefox profile name
`-m, --merge`	Merge with existing stylesheets
`-f, --force`	Proceed without warning

[!WARNING]

This operation will overwrite existing CSS themes in the profile unless --merge is specified. A backup is advised.

`firefox-css-theme mcp`

Start the Model Context Protocol (MCP) server.

Usage

npx firefox-css-theme mcp [options]

Options

Option	Description
`-b, --binary`	Path to Firefox executable
`-p, --profile`	Firefox profile name

Firefox Css Theme

What it does

インストール

Node.js を入れる

パソコン版 Claude アプリの設定ファイルを開く

この設定を貼り付けて保存

Claude を終了してもう一度開く

試してみる

代わりにできること

Node.js を入れる

ターミナルを開く

このコマンドを貼り付けて Enter

Claude Code で /mcp と入力

試してみる

Node.js を入れる

このボタンで Cursor を開く

Cursor の AI チャットを Agent モードで開く

試してみる

Node.js を入れる

このボタンで VS Code を開く

VS Code の AI チャットを Agent モードで開く

試してみる

パソコンにインストール

ひと目でわかる

使えるアプリ

できること

基本チェックi

作者とリポジトリが一致

今もメンテナンスされている

ライセンスがある

エンドポイントが応答する

OAuthでサインイン

ツールの説明に隠れた指示がない

話し合い

ユーザーレビュー

開発者ツールのほかのサーバーとの比較i

よくある質問

同じカテゴリのほかの候補

REA

GitHub

Serena MCP: the IDE for your agent

作者のREADME

Firefox CSS Theme

Getting Started

For Theme Authors

For Theme Users

MCP Server Usage

Configuration

Claude Code

Codex

IDE MCP Configuration

Available MCP Tools

Commands

firefox-css-theme create

Usage

Options

firefox-css-theme start

Usage

Options

firefox-css-theme install

Usage

Options

firefox-css-theme mcp

Usage

Options

`firefox-css-theme create`

`firefox-css-theme start`

`firefox-css-theme install`

`firefox-css-theme mcp`