Firefox Css Theme

Name: Firefox Css Theme
Author: easonwong-de

de easonwong-deversión 0.3.5i★ 3iSe ejecuta en tu computadora

Nombre en el registroio.github.easonwong-de/firefox-css-theme

Cómo instalar

What it does

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

Connects Se ejecuta en tu computadora
Account or key No key needed
Category Herramientas para desarrolladores

Instalación

Elige la app de IA que usas y copia la configuración.

Pasó 3/3 revisiones · Funciona en tu computadora · ✓ Comandos revisados el 13 nov 2026

Primero: ¿qué IA usas?

ClaudeWeb · app · móvilChatGPTWebClaude CodeTerminalCursorEditor de códigoVS CodeEditor de códigoOtrasOtras apps

Elige tu app y los pasos aparecen abajo.

Funciona con Claude, pero hay que preparar algo antes

Instala Node.js en tu computadora primero (una sola vez) · Solo en la app de Claude para computadora (Windows o Mac), no en la web ni en el móvil

Instala Node.js
Una sola vez; sirve para todos los servidores que necesitan Node.js
Abrir la página de descarga de Node.js ↗
Hecho
Abre el archivo de configuración de la app de Claude de escritorio
SettingsDeveloperEdit Config
Hecho

Pega esta configuración y guarda el archivo

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

Hecho

Cierra Claude y vuelve a abrirlo
Hecho
Pruébalo
Usa Firefox Css Theme y dime qué puedes hacer por mí; luego muéstrame una cosa
✓ Si Claude dice que está usando Firefox Css Theme o muestra una herramienta de Firefox Css Theme en la respuesta, ya está conectado

Nombres de menú comprobados con la ayuda de Anthropic el 11 nov 2026 · tu pantalla puede variar un poco según la versión

ChatGPT todavía no puede conectar Firefox Css Theme

Firefox Css Theme se instala en tu computadora, pero ChatGPT solo conecta servidores que funcionan en la web

Lo que puedes hacer en su lugar

A · Usa una app que pueda conectar Firefox Css Theme

Pasos para Claude →Instala Node.js en tu computadora primero (una sola vez) · Solo en la app de Claude para computadora (Windows o Mac), no en la web ni en el móvil
Pasos para Claude Code →Instala Node.js en tu computadora primero (una sola vez)
Pasos para Cursor →Instala Node.js en tu computadora primero (una sola vez)
Pasos para VS Code →Instala Node.js en tu computadora primero (una sola vez)

B · Otros en Herramientas para desarrolladores que funcionan con ChatGPT

Elegidos entre los más usados de la misma categoría, solo los que se conectan con una dirección y sin clave

Sentry✓ ChatGPT
Compiler Explorer✓ ChatGPT
GitDiagram✓ ChatGPT

Funciona con Claude Code, pero hay que preparar algo antes

Instala Node.js en tu computadora primero (una sola vez)

Instala Node.js
Una sola vez; sirve para todos los servidores que necesitan Node.js
Abrir la página de descarga de Node.js ↗
Hecho
Abre la Terminal
Mac: pulsa Command+Espacio y escribe Terminal · Windows: abre PowerShell
Hecho

Pega este comando y pulsa Enter

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

Hecho

Escribe /mcp en Claude Code
Deberías ver Firefox Css Theme en la lista como conectado
Hecho
Pruébalo
Usa Firefox Css Theme y dime qué puedes hacer por mí; luego muéstrame una cosa
✓ Si Claude Code dice que está usando Firefox Css Theme o muestra una herramienta de Firefox Css Theme en la respuesta, ya está conectado

Nombres de menú comprobados con la ayuda de Anthropic el 11 nov 2026 · tu pantalla puede variar un poco según la versión

Funciona con Cursor, pero hay que preparar algo antes

Instala Node.js en tu computadora primero (una sola vez)

Instala Node.js
Una sola vez; sirve para todos los servidores que necesitan Node.js
Abrir la página de descarga de Node.js ↗
Hecho
Pulsa este botón para abrir Cursor
Abrir en Cursor
Cursor te pedirá confirmar; pulsa Install
Hecho
Abre el chat de IA de Cursor en modo Agent
Hecho
Pruébalo
Usa Firefox Css Theme y dime qué puedes hacer por mí; luego muéstrame una cosa
✓ Si Cursor dice que está usando Firefox Css Theme o muestra una herramienta de Firefox Css Theme en la respuesta, ya está conectado

Nombres de menú comprobados con la ayuda de Cursor el 11 nov 2026 · tu pantalla puede variar un poco según la versión

Funciona con VS Code, pero hay que preparar algo antes

Instala Node.js en tu computadora primero (una sola vez)

Instala Node.js
Una sola vez; sirve para todos los servidores que necesitan Node.js
Abrir la página de descarga de Node.js ↗
Hecho
Pulsa este botón para abrir VS Code
Abrir en VS Code
VS Code te pedirá confirmar; pulsa Install
Hecho
Abre el chat de IA de VS Code en modo Agent
Hecho
Pruébalo
Usa Firefox Css Theme y dime qué puedes hacer por mí; luego muéstrame una cosa
✓ Si VS Code dice que está usando Firefox Css Theme o muestra una herramienta de Firefox Css Theme en la respuesta, ya está conectado

Nombres de menú comprobados con la ayuda de VS Code el 11 nov 2026 · tu pantalla puede variar un poco según la versión

Otras apps que usan MCP, como Windsurf, Zed o Gemini CLI, añaden servidores de forma distinta. Míralo en la lista de apps

Ver todas las apps que usan MCP →

La configuración JSON está en “Para desarrolladores”, abajo

¿Te atascaste? Pregunta a quien usa Firefox Css Theme💬 Conversación →

Para desarrolladores: comandos de Terminal y configuración JSON

Instalado en tu computadora

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"
      ]
    }
  }
}

Esta configuración se genera a partir de la ficha del creador en el registro. Si el README dice otra cosa, sigue el README.

De un vistazo

Estrellas de GitHub i: 3
Descargas por semanai: 103/sem
Licencia i: MIT
Conexión: Se ejecuta en tu computadora
Transporte: stdio
Última versióni: 0.3.5
Categoríai: Herramientas para desarrolladores
Publicado en el registroi: 25 oct 2026
Último cambio de códigoi: 7 nov 2026
Creador: easonwong-de
Paquetes: npm: firefox-css-theme
Repo: easonwong-de/Firefox-CSS-Theme
Estado en el registro: Activo

Qué apps pueden usarlo

Según cómo se conecta este servidor y la documentación de cada app, comprobado el 10 nov 2026.

Se ejecutan en tu computadora en

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

Todas las apps, con ventajas y desventajas →

Qué puede hacer

Se ejecuta en tu computadora; la lista de herramientas aparece en tu app de IA después de instalarlo.

Revisiones básicasi

Revisamos información que cualquiera puede ver; no hemos leído el código. Las revisiones que no aplican no se cuentan. · Revisado el 13 nov 2026

✓ Superada
El creador coincide con el repo
El nombre en el registro se verificó con la cuenta de GitHub easonwong-de, dueña del repo
✓ Superada
Sigue en mantenimiento
Último cambio de código: hace 6 días
✓ Superada
Tiene licencia
Usa MIT
– No aplica
El endpoint responde
Este se ejecuta en tu computadora; no hay endpoint en internet
– No aplica
Inicio de sesión con OAuth
Se ejecuta en tu computadora y usa ajustes locales en su lugar
… Aún sin revisar
Sin instrucciones ocultas en las descripciones de herramientas
Se ejecuta en tu computadora; solo podemos leer listas de herramientas de endpoints en internet

Conversación

Pregunta, comparte un consejo o avisa de que no funciona. Ordenado por lo que la gente marcó como útil.

Aún no hay publicaciones. Sé la primera persona en preguntar o compartir.

Lo publicado aquí lo escriben usuarios, no el equipo de PopNx.

Inicia sesión con Google para publicar

Reseñas de usuarios

Aún no hay reseñas

Inicia sesión con Google para escribir una reseña

Comparado con otros en Herramientas para desarrolladoresi

Más estrellas que el 81% de los otros 5829 servidores de esta categoría
Publicado en el registro más recientemente que el 59% de los otros 5829 servidores de esta categoría
Revisiones básicas iguales o mejores que el 100% de los otros 5829 servidores de esta categoría

Comparado con todos los servidores activos de esta categoría en el registro. Las estrellas solo cuentan cuando quien lo publica es dueño del repo.

Preguntas frecuentes

¿Es seguro Firefox Css Theme?

Superó 3 de 3 revisiones básicas aplicables. No hemos leído el código. Antes de agregar una clave o un token, revisa qué acceso pide el servidor y usa una clave que tenga solo los permisos que necesitas.

¿Qué claves o códigos necesita?

El registro no indica ninguna clave obligatoria, aunque algunos servidores te piden iniciar sesión la primera vez que los usas.

¿Se ejecuta en mi computadora o en la nube?

Se ejecuta en tu computadora. Tu app de IA lo inicia cuando hace falta, y los datos no pasan por los servidores del creador (a menos que el propio servidor llame a un servicio en línea).

¿Sigue en mantenimiento?

El repo de GitHub cambió por última vez hace 6 días, y la última versión (0.3.5) llegó al registro hace 19 días.

¿Qué apps pueden usarlo?

Las apps compatibles con MCP, como Claude Desktop, Claude Code, Cursor y VS Code. También necesitas Node.js en tu computadora.

¿Qué puedo usar en su lugar?

En la misma categoría: REA, GitHub, Serena MCP: the IDE for your agent

Otros de la misma categoría

Servidores de la misma categoría hechos por otros creadores, ordenados por estrellas.

Cómo leer una tarjeta:↓ Descargas por semanai★ Estrellas de GitHubiTres pilares: reseñas · revisiones · usoiActualizado = fecha en que se publicó la última versión en el registroi

REA

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

de morlutoMuy usado↓ 388,7 mil/sem★ 455,4 milActualizado ayer

Se ejecuta en tu computadora

Instalar

GitHub

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

de githubMuy usado★ 34,4 milActualizado hace 10 días

Computadora o nube

Instalar

Serena MCP: the IDE for your agent

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

de oraiosMuy usado↓ 35,2 mil/sem★ 31,3 milActualizado hace 6 meses

Se ejecuta en tu computadora

Instalar

README del creador

Abrir el README

Copiado tal cual del repo del creador. PopNx MCP no lo ha revisado ni lo respalda. Se quitaron HTML, imágenes y scripts. Los enlaces llevan fuera de este sitio.

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

Instalación

Instala Node.js

Abre el archivo de configuración de la app de Claude de escritorio

Pega esta configuración y guarda el archivo

Cierra Claude y vuelve a abrirlo

Pruébalo

Lo que puedes hacer en su lugar

Instala Node.js

Abre la Terminal

Pega este comando y pulsa Enter

Escribe /mcp en Claude Code

Pruébalo

Instala Node.js

Pulsa este botón para abrir Cursor

Abre el chat de IA de Cursor en modo Agent

Pruébalo

Instala Node.js

Pulsa este botón para abrir VS Code

Abre el chat de IA de VS Code en modo Agent

Pruébalo

Instalado en tu computadora

De un vistazo

Qué apps pueden usarlo

Qué puede hacer

Revisiones básicasi

El creador coincide con el repo

Sigue en mantenimiento

Tiene licencia

El endpoint responde

Inicio de sesión con OAuth

Sin instrucciones ocultas en las descripciones de herramientas

Conversación

Reseñas de usuarios

Comparado con otros en Herramientas para desarrolladoresi

Preguntas frecuentes

Otros de la misma categoría

REA

GitHub

Serena MCP: the IDE for your agent

README del creador

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`