Potencia tu IA: skills y plugins de diseño y programación

Las skills y plugins de diseño y programación que más ayudan con WordPress y PHP, cómo instalarlos en Claude Code, Codex, Antigravity y Grok Build.

Plan
Todos los planes (todos incluyen SSH)
Tiempo
De 20 a 40 minutos
Nivel
Intermedio: instalas software de terceros en tu ordenador

Publicado: . Última revisión: . Autor: HostCarriel.

Tu IA
0 de 8 pasos hechos

En resumen

Una skill es una carpeta con instrucciones que tu IA carga cuando las necesita. Un plugin agrupa skills y otros extras. Se instalan en tu ordenador, no en el hosting, y cada herramienta tiene su comando y su carpeta. Son código de terceros: léelos antes de instalarlos.

Antes: conecta tu IA por SSH →

Lo que podrás hacer

  • Saber qué es una skill, un plugin y un MCP, y cuándo te sirve cada uno.
  • Instalar, en la herramienta que uses, las que recomendamos para diseño, método de trabajo y WordPress.
  • Saber en qué carpeta lee cada herramienta sus skills.
  • Una lista de comprobación de seguridad antes de instalar código de terceros.

Antes de empezar

  • Tu IA instalada y conectada por SSH. Si aún no lo has hecho: conecta tu IA por SSH.
  • Las skills se instalan en tu ordenador, no en el hosting. El hosting no ejecuta Node.js ni permite sudo.
  • Para los comandos npx necesitas Node.js en tu ordenador. Para clonar gstack necesitas Git y Bun.
  • Una carpeta de proyecto donde probarlas (cd ~/tu-dominio.com).

Skill, plugin, MCP: qué es cada cosa

  • Skill. Una carpeta con un archivo SKILL.md (con name y description). Es un formato abierto y las cinco herramientas lo usan. Tu IA la carga cuando la tarea encaja con la descripción, o tú la invocas por su nombre.
  • Plugin. Un paquete que puede incluir varias skills, comandos, conexiones MCP y hooks. Se instala con el gestor de plugins de cada herramienta.
  • MCP. Una conexión entre tu IA y un servicio externo. Para WordPress existe Novamira, un plugin que convierte tu WordPress en un servidor MCP para que tu IA trabaje dentro de él. Disponible el primer año con pago anual, sujeto a disponibilidad. Condiciones. Existe además un adaptador MCP oficial de WordPress (plugin mcp-adapter).

Para WordPress y PHP por SSH, las skills te dan casi todo. Un MCP te hace falta si quieres que tu IA trabaje dentro del escritorio de WordPress (Novamira) o si usas un editor como Cursor, que no se conecta por SSH. Según su documentación, Novamira permite conectar editores con MCP como Cursor.

Dónde lee cada herramienta sus skills

HerramientaCarpeta del proyectoCarpeta global (todos los proyectos)
Claude Code.claude/skills/<nombre>/SKILL.md~/.claude/skills/
Codex CLI.agents/skills/~/.agents/skills/
Antigravity (app 2.0, IDE y CLI agy).agents/skills/App e IDE: ~/.gemini/config/skills/; CLI: ~/.gemini/antigravity-cli/skills/
Grok Build.grok/skills/ (también lee .claude/skills/ y .agents/skills/)~/.grok/skills/
DeepSeek Harness.dsh/skills/ o .agents/skills/~/.dsh/skills/ o ~/.agents/skills/

Codex CLI, Antigravity y DeepSeek Harness no leen .claude/skills/. Grok Build lee las tres carpetas.

Las que recomendamos para WordPress y PHP

NombrePara qué sirveInstalación documentada para
frontend-design (Anthropic)Diseño de interfaces con dirección estética, tipografía y color, para evitar el aspecto genérico de la IAClaude Code (plugin oficial); las demás, con npx skills
superpowers (obra)Método de trabajo: ideas, planes, pruebas, depuración sistemática, revisiónClaude Code, Codex CLI, Antigravity (con su CLI agy), Grok Build
WordPress/agent-skillsSkills oficiales de WordPress: plugins, temas de bloques, WP-CLI, rendimiento, REST API y másCon npx skills en Claude Code, Codex CLI, Antigravity (para su CLI agy) y Grok Build
gstack (garrytan)Suite de unas 40 skills (planificación, revisión, seguridad, navegador)Claude Code (completo); Codex CLI y la CLI de Antigravity (experimental)

Otras dos que miramos y que son opcionales:

  • security-guidance (Anthropic, para Claude Code): avisos de seguridad sobre el código que se genera. Requiere Python 3.8 o superior.
  • anthropics/skills: colección de ejemplos de Anthropic; el propio repositorio avisa de que son «para fines de demostración».

No hay skills recomendadas para DeepSeek Harness; se pueden copiar a mano (ver pasos).

Seguridad: qué revisar antes de instalar

Una skill o un plugin es código y texto que tu IA obedece, con acceso a tu terminal y, si lo has conectado, a tu hosting por SSH. Una skill maliciosa podría pedirle que ejecute comandos contra tu servidor.

  • curl … | bash, irm … | iex y npx descargan y ejecutan software de terceros con tus permisos. Cópialos solo de la web o del repositorio oficial, nunca de un correo, un vídeo o un mensaje.
  • Un plugin puede incluir hooks y servidores MCP: se ejecutan solos. Lee su manifiesto.
  • Las estrellas de GitHub no son una auditoría.
  • Lee antes de instalar: SKILL.md, los scripts de la carpeta, cualquier ./setup o postinstall, las URLs a las que llama y qué herramientas permite usar.
  • Empieza por el proyecto, no por lo global, y con pocas skills.
  • Si instalas algo y te arrepientes, bórralo y, si tu IA ya estuvo conectada, revoca la clave SSH en «Conecta tu IA» y crea otra.
  • No instales nada durante una sesión en la que tu IA tenga acceso a tu hosting sin haberlo leído antes.

Pasos

  1. Pide a tu IA que revise antes de instalar

    Antes de ejecutar un comando de instalación, pídele a tu IA que lea qué va a instalar:

    Prompt: Pide a tu IA que revise antes de instalarCópialo y pégalo en tu IA
    Quiero instalar [NOMBRE] desde [URL DEL REPOSITORIO]. Antes de instalar nada:
1. Descarga el repositorio a una carpeta temporal de mi ordenador (sin ejecutar nada) y lee su README, los SKILL.md y cualquier script (setup, install, hooks).
2. Dime en una lista corta qué hace, qué archivos escribiría y dónde, qué comandos ejecutaría y si llama a servicios externos.
3. Dime si ves algo que pida acceso a claves, a mi hosting o a internet de forma sospechosa.
No instales nada hasta que yo diga «adelante».
    Por qué

    leer 10 minutos antes evita instalar código que no entiendes.

    Revisa antes de aprobar

    Tu IA solo descarga a una carpeta temporal y lee. No ejecuta ./setup ni npx todavía.

  2. Instala frontend-design

    Con Claude Code

    Claude CodeComandos de este paso
    # Dentro de Claude Code
/plugin install frontend-design@claude-plugins-official
# Para ver que está: /plugin   (pestaña de instalados)

    Con Codex CLI

    Codex CLIComandos de este paso
    # En tu terminal, en la carpeta del proyecto
npx skills add anthropics/skills --skill frontend-design -a codex

    Con Antigravity

    AntigravityComandos de este paso
    # En tu terminal, en la carpeta del proyecto
npx skills add anthropics/skills --skill frontend-design -a antigravity-cli

    Con Grok Build

    Grok BuildComandos de este paso
    # En tu terminal, en la carpeta del proyecto
npx skills add anthropics/skills --skill frontend-design -a grok
# Grok Build también lee las skills que instales para Claude Code (.claude/skills/)

    Con DeepSeek Harness

    DeepSeek HarnessComandos de este paso
    # Instalación manual, según su documentación (DeepSeek Harness lee .agents/skills/).
git clone --depth 1 https://github.com/anthropics/skills ../skills-anthropic
mkdir -p .agents/skills
cp -r ../skills-anthropic/skills/frontend-design .agents/skills/

    Comandos según la documentación oficial de vercel-labs/skills y de cada repositorio. npx descarga y ejecuta código de terceros en tu ordenador: revisa antes lo que instala, con el paso 1. La copia manual para DeepSeek Harness sigue su documentación (lee las skills de .agents/skills/).

    Por qué

    frente a las skills de diseño genéricas, esta pide a la IA decisiones estéticas concretas (tipografía, color, composición) en lugar de la plantilla de siempre.

    Revisa antes de aprobar

    El comando solo escribe en .claude/skills/, .agents/skills/ o .grok/skills/ de tu carpeta de proyecto, no en tu hosting ni en carpetas del sistema.

  3. Instala superpowers

    Con Claude Code

    Claude CodeComandos de este paso
    # Dentro de Claude Code
/plugin install superpowers@claude-plugins-official
# Alternativa: /plugin marketplace add obra/superpowers-marketplace
#              /plugin install superpowers@superpowers-marketplace

    Con Codex CLI

    Codex CLIComandos de este paso
    # Dentro de Codex CLI
/plugins
# Busca «superpowers» y elige «Install Plugin»; abre una sesión nueva para usar sus skills

    Con Antigravity

    AntigravityComandos de este paso
    # Con su CLI agy
agy plugin install https://github.com/obra/superpowers

    Con Grok Build

    Grok BuildComandos de este paso
    grok plugin install superpowers@xai-official --trust

    Con DeepSeek Harness

    DeepSeek HarnessComandos de este paso
    # DeepSeek Harness: copia manual de skills (ver pasos).
    Por qué

    añade un método (plan, pruebas, depuración, revisión) que ayuda en tareas largas, como un plugin o una web PHP entera.

    Revisa antes de aprobar

    El comando de Grok lleva --trust, que confía en el plugin sin mostrar la advertencia. Hazlo solo tras el paso 1.

  4. Instala las skills oficiales de WordPress

    Primero mira qué hay (--list) y después instala solo las que necesites. Para plugins y WP-CLI, empieza por wp-plugin-development.

    ComandosLéelos antes de ejecutarlos o aprobarlos
    npx skills add WordPress/agent-skills --list

    Con Claude Code

    Claude CodeComandos de este paso
    npx skills add WordPress/agent-skills --skill wp-plugin-development -a claude-code

    Con Codex CLI

    Codex CLIComandos de este paso
    npx skills add WordPress/agent-skills --skill wp-plugin-development -a codex

    Con Antigravity

    AntigravityComandos de este paso
    npx skills add WordPress/agent-skills --skill wp-plugin-development -a antigravity-cli

    Con Grok Build

    Grok BuildComandos de este paso
    npx skills add WordPress/agent-skills --skill wp-plugin-development -a grok

    Con DeepSeek Harness

    DeepSeek HarnessComandos de este paso
    # Instalación manual, según su documentación: copia las carpetas de skills a .agents/skills/.
# Algunas skills de WordPress pueden depender de scripts compartidos del repositorio.

    Comandos según la documentación oficial de vercel-labs/skills y de cada repositorio. npx descarga y ejecuta código de terceros en tu ordenador: revisa antes lo que instala, con el paso 1.

    Entre las skills del repositorio están wp-plugin-development, wp-block-themes, wp-wpcli-and-ops, wp-performance, wp-rest-api y wp-phpstan. Añade -g para instalarlas en todos tus proyectos (a nivel global).

    Por qué

    son skills mantenidas por el proyecto WordPress, no resúmenes de terceros. Fueron generadas con ayuda de IA y revisadas por colaboradores, y están en su primera versión: léelas igualmente.

    Revisa antes de aprobar

    Comprueba que el origen es WordPress/agent-skills (con esa grafía exacta) y que instalas solo las skills que vas a usar.

  5. gstack, por git clone (opcional)

    gstack no se instala con el gestor de plugins: se clona y se ejecuta su script de instalación. Requiere Git y Bun 1.4.2 o superior (en Windows también Node). Su soporte completo es para Claude Code; en Codex CLI y en la CLI de Antigravity es experimental. Grok Build y DeepSeek Harness no figuran en su tabla de soporte. Como ./setup ejecuta código, haz antes el paso 1.

    Con Claude Code

    Claude CodeComandos de este paso
    git clone --single-branch --depth 1 https://github.com/garrytan/gstack.git ~/.claude/skills/gstack && cd ~/.claude/skills/gstack && ./setup

    Con Codex CLI

    Codex CLIComandos de este paso
    # Experimental
git clone --single-branch --depth 1 https://github.com/garrytan/gstack.git ~/gstack && cd ~/gstack && ./setup --host codex

    Con Antigravity

    AntigravityComandos de este paso
    # Experimental, para la CLI agy
git clone --single-branch --depth 1 https://github.com/garrytan/gstack.git ~/gstack && cd ~/gstack && ./setup --host agy

    Con Grok Build

    Grok BuildComandos de este paso
    # No figura en la tabla de soporte de gstack.

    Con DeepSeek Harness

    DeepSeek HarnessComandos de este paso
    # No figura en la tabla de soporte de gstack.
    Por qué

    si te gusta trabajar con fases (planificar, revisar, probar), te da una suite hecha. Si no la vas a usar entera, es más de lo que necesitas.

    Revisa antes de aprobar

    El clon se hace en tu carpeta personal, y ./setup es el único script que ejecuta. Desconfía de cualquier otro comando que tu IA intente añadir.

  6. Instalarlas en varias herramientas a la vez (npx skills)

    Si usas más de una herramienta, npx skills instala la misma skill en la carpeta de cada una. Ids de agente según su README: claude-code, codex, gemini-cli, antigravity-cli, grok. DeepSeek Harness no figura en lo que hemos leído.

    ComandosLéelos antes de ejecutarlos o aprobarlos
    npx skills add <propietario/repositorio> --list                      # ver las skills de un repositorio
npx skills add <propietario/repositorio> --skill <nombre>            # instalar una en el proyecto
npx skills add <propietario/repositorio> --skill <nombre> -g -a claude-code -y   # global, para un agente, sin preguntas
npx skills ls -a claude-code                                         # ver las instaladas
npx skills remove --agent claude-code <nombre>                       # quitar una

    Comandos según la documentación oficial de vercel-labs/skills y de cada repositorio. npx descarga y ejecuta código de terceros en tu ordenador: revisa antes lo que instala, con el paso 1.

    Por qué

    evita copiar carpetas a mano y mantener la misma skill en cinco sitios.

    Revisa antes de aprobar

    -y responde que sí a todo: no lo uses con un origen que no hayas revisado.

  7. Comprueba que tu herramienta las ve

    Prompt: Comprueba que tu herramienta las veCópialo y pégalo en tu IA
    Lista las skills que tienes disponibles en este proyecto y, para cada una, dime en una línea para qué sirve y cómo se invoca. No ejecutes ninguna.

    Comandos propios de cada herramienta, si quieres ver la lista sin pasar por tu IA:

    Con Claude Code

    Claude CodeComandos de este paso
    claude plugin list
# Dentro de Claude Code: /plugin  y  /reload-plugins

    Con Codex CLI

    Codex CLIComandos de este paso
    # Dentro de Codex CLI
/plugins

    Con Antigravity

    AntigravityComandos de este paso
    # Dentro de la CLI agy
/skills
/plugin

    Con Grok Build

    Grok BuildComandos de este paso
    grok plugin list
# Dentro de Grok Build: /plugins

    Con DeepSeek Harness

    DeepSeek HarnessComandos de este paso
    # Pregunta a tu IA con el prompt de arriba.

  8. Úsalas

    Menciona la skill por su nombre en el prompt:

    Prompt: ÚsalasCópialo y pégalo en tu IA
    Usa la skill wp-plugin-development para escribir un plugin de WordPress que [QUÉ DEBE HACER]. Primero propón un plan con los archivos y espera mi «adelante». Trabaja en mi ordenador y no toques el servidor.

    En Claude Code también puedes invocarlas con /nombre-de-la-skill; en Codex CLI, con $.

Si algo sale mal

  • Quitar una skill o un plugin: bórrala de la carpeta donde se instaló, o usa su comando (npx skills remove --agent …, /plugin en Claude Code, grok plugin uninstall <nombre> en Grok Build).
  • Tu IA se comporta raro tras instalar algo: desinstálalo, reinicia la herramienta y repite el paso 7.
  • Dudas sobre algo que instalaste: revoca la clave SSH de tu IA en «Conecta tu IA», revisa tu hosting (archivos modificados) y crea una clave nueva.
  • Antigravity 2.0 no ejecuta ningún comando y muestra un error failed to unmarshal result from hook … datacloud_telemetry: un plugin de telemetría de Google Cloud no es compatible con tu versión. Pon "enabled": false para ese plugin en ~/.gemini/config/config.json y reinicia la app. Si usas la CLI, también puedes desactivarlo con /plugin.

Si algo te preocupa de seguridad de tu hosting, abre un ticket y te ayudamos con el hosting.

Problemas frecuentes

npx no se reconoce.
Instala Node.js en tu ordenador (no en el hosting).
La skill no aparece.
Comprueba que está en la carpeta que lee tu herramienta (tabla de arriba) y abre una sesión nueva.
Grok Build no carga el AGENTS.md ni las skills del proyecto.
Al abrirlo te pide confiar en la carpeta: hasta entonces no las lee.
El instalador de Claude Code, Codex, Antigravity o Grok falla.
Cópialo desde la documentación oficial, comprueba tu conexión y usa la vía alternativa que ofrezca (por ejemplo, Homebrew o WinGet).
Dos herramientas muestran skills distintas.
Es lo esperado: cada una lee carpetas distintas.

Preguntas frecuentes

¿Puedo usar una sola carpeta para todas las herramientas?

No del todo. Grok Build lee .grok/skills/, .claude/skills/ y .agents/skills/. Codex, Antigravity y DeepSeek leen .agents/skills/. Claude Code usa .claude/skills/. Con npx skills instalas en la carpeta de cada una.

¿Las skills funcionan en el servidor?

No. Las skills viven en tu ordenador y guían a tu IA. El servidor del hosting no ejecuta Node.js ni nada de lo que instales en tu ordenador.

¿Cuál instalo si solo quiero una?

Si trabajas con WordPress, WordPress/agent-skills (empieza por wp-plugin-development). Si te importa el diseño, frontend-design.

¿Son gratis?

Los repositorios citados son de código abierto. Tu IA tiene su propio coste, que depende de la herramienta y de tu plan: consúltalo en la guía de conexión.

¿Es seguro instalar skills de GitHub?

No lo es por defecto. Léelas antes (paso 1) y empieza por el proyecto, no por lo global.

¿Tiene HostCarriel relación con estas skills y plugins?

No. Son proyectos de terceros que incluimos porque nos parecen útiles.

¿Me ayuda el soporte de HostCarriel si algo sale mal con mi IA?

Sí, con todo lo del hosting: la conexión por SSH, tus claves, las copias, la versión de PHP, la base de datos y el servidor. Si algo se rompe, te ayudamos a volver atrás con las copias de tu plan. Lo que escribe tu IA lo revisas tú, como con cualquier desarrollador; por eso las guías empiezan siempre con una copia y te piden aprobar cada paso.

Todos los planes incluyen SSH

WordPress Básico, WordPress / Woo Pro y Linux: en cualquiera de ellos tu IA trabaja por SSH. Si ya eres cliente, abre «Conecta tu IA» en tu área de clientes.

US$1/mes los 2 primeros meses (clientes nuevos); luego US$5.99/mes (Básico) o US$13.99/mes. Condiciones

Ver planesAbrir Conecta tu IA
Registro de cambios
  • : Sin etiquetas de prueba en las herramientas; requisitos, avisos y condiciones, juntos al final de cada guía.
  • : Nombres unificados (Guías de IA, Potencia tu IA, Conecta tu IA, panel de hosting). WP-CLI y staging, solo en los planes WordPress. Nuevo: varias webs, WordPress en el plan Linux y Novamira.
  • : Primera versión.