CommunityProgramación y desarrollogithub.com

miketropi/nextora-ecosystem

Punto de entrada para trabajar en el ecosistema del tema base Nextora: temas hijo, bloques Gutenberg, ajustes de diseño, el selector de color/fuente para visitantes, y composición de plantillas/partes/patrones. Úsalo cuando una solicitud mencione Nextora o un tema hijo de Nextora, cuando la tarea abarque más de una de esas áreas, o cuando necesites el mapa de fuentes y las puertas de calidad de producción para este ecosistema antes de escribir código. También úsalo para decidir qué habilidad especializada necesita una solicitud de múltiples partes.

¿Qué es nextora-ecosystem?

Este skill, parte del ecosistema de Nextora, actúa como un enrutador inteligente para agentes de IA (como Claude Code, Cursor o Codex) que trabajan con el tema base Nextora de WordPress. Su propósito principal es coordinar cinco habilidades especializadas (temas hijo, bloques Gutenberg, sistema de diseño, composición del sitio y referencias compartidas) que comparten una única fuente de verdad y un conjunto común de puertas de calidad de producción. Cuando un desarrollador o agente recibe una solicitud que menciona Nextora o abarca múltiples áreas del ecosistema, este skill se encarga de resolver el tema objetivo, determinar qué especialistas se necesitan, y pasar el control. No contiene reglas de implementación; esas viven en las habilidades especializadas y en sus referencias. La utilidad clave es evitar que el agente improvise caminos de archivos o ignore la fuente real de datos, ya que fuerza la lectura de evidencia local (como style.css, theme.json, package.json) antes de proponer cualquier código. También impone emparejamientos obligatorios, como cargar tanto el skill de temas hijo como el de sistema de diseño cuando se crea un tema hijo que debe cumplir con la paleta de colores. El flujo de trabajo ordenado incluye: 1) resolver el tema objetivo y su padre usando datos reales de la instalación, 2) leer evidencia local antes de proponer código, 3) despachar por intención, cargando los especialistas adecuados, 4) cargar referencias progresivamente, y 5) transferir el control. Finalmente, aplica las puertas de calidad de producción antes de declarar cualquier trabajo como completado.

Compatible con✓Claude Code~Codex CLI~Cursor✓OpenCode
npx skills add https://github.com/miketropi/nextora-skills/tree/main/skills/nextora-ecosystem

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Ecosistema Nextora — enrutador

Coordina cinco habilidades que comparten una única fuente de verdad y un conjunto común de puertas de producción. Este punto de entrada resuelve el tema objetivo, determina qué especialistas necesita la solicitud y transfiere el control. No contiene las reglas de implementación: esas viven en las habilidades especializadas y en las dos referencias de esta habilidad.

Habilidades en este conjunto

HabilidadPropietario de
../nextora-child-themes/SKILL.mdCrear o iniciar un tema hijo de Nextora: cabeceras, arranque, pipeline de assets, registrador de bloques.
../nextora-gutenberg-blocks/SKILL.mdMetadatos de bloques, UI del editor, renderizado dinámico, repetidores, paneles de ajustes, scripts de vista.
../nextora-design-system/SKILL.mdAjustes de paleta/tipografía, variaciones de estilo, el selector opcional de color/fuente para visitantes, superficies de tokens y CSS.
../nextora-site-composition/SKILL.mdPlantillas, partes de plantilla, patrones, composición de consultas/archivos.

Evidencia compartida y puertas para cada especialista:

  • references/source-map.md — de dónde vienen las reglas, con procedencia.
  • references/quality-gates.md — qué debe ser cierto antes de que se acepte el trabajo.

Flujo de trabajo ordenado

1. Resolver el tema objetivo y su padre

Trabaja a partir de la instalación activa, o del repositorio que se te haya proporcionado. Nunca inventes una ruta y nunca codifiques una ruta de máquina en la salida o en las notas.

Dentro de una instalación de WordPress, las dos raíces son el directorio de plantillas (el padre) y el directorio de hojas de estilo (el tema activado, padre o hijo):

get_template_directory();      // raíz del tema padre
get_stylesheet_directory();    // raíz del tema activo (hijo cuando uno está activo)
get_stylesheet_directory_uri();

Fuera de una instalación, localiza el tema mediante un style.css que tenga una cabecera Theme Name y, para un hijo, una cabecera Template: que nombre a su padre. Si una ruta proporcionada falta, redescubre la real; nunca fabriques evidencia de fuente, nunca elijas silenciosamente un tema diferente, y nunca afirmes compatibilidad con Nextora mientras la fuente de Nextora no esté disponible — di que falta el prerrequisito y termina el trabajo que no dependa de él.

2. Leer evidencia local antes de proponer código

Lee estos archivos del tema objetivo, en este orden, y prefiere sus valores reales sobre cualquier cosa citada en una habilidad:

ArchivoLo que resuelve
style.cssNombre del tema, Versión, Template: (padre para un hijo), Requiere al menos, Requiere PHP, Probado hasta, Text Domain, Licencia.
functions.phpOrden de carga, lo que el tema requiere a nivel de archivo, qué archivos de funcionalidad incluye.
theme.jsonSlugs de paleta, gradiente, familia de fuente, tamaño de fuente, espaciado; plantillas y partes de plantilla personalizadas; version.
package.jsonQué comandos de compilación/verificación existen realmente, y qué librerías ya son dependencias.
theme.js/.nvmrc, scripts de compilaciónVersión de Node y los puntos de entrada de compilación reales.
AGENTS.md, README.md, docs/, .opencode/Instrucciones del proyecto. Trátalas como afirmaciones a verificar, no como autoridad.

Luego encuentra lo que ya existe antes de proponer algo nuevo:

  • blocks/*/block.json — bloques registrados, sus nombres, categorías, soportes.
  • parts/*.html, templates/*.html — superficies de composición y su jerarquía.
  • patterns/*.php — marcado de secciones reutilizables.
  • resources/css/ + assets/css/ — qué hoja de estilo se envía realmente y cómo se compila.
  • resources/ts/editor/ o equivalente — ayudantes de editor compartidos para reutilizar en lugar de reescribir (shell de vista previa, texto enriquecido, medios, repetidor).
  • inc/ — ayudantes para consultas, navegación, plantillas.

Reutilizar vence a inventar: un bloque, patrón, ayudante o token existente que ya haga el trabajo es la respuesta correcta, y un bloque nuevo solo es correcto cuando el comportamiento solicitado o la estructura de edición no se puede expresar de otra manera.

3. Despachar por intención

SolicitudEspecialistas a cargar
Crear, iniciar o arrancar un tema hijo; pipeline de assets hijo; registro de bloques hijonextora-child-themes
Añadir/cambiar un bloque: block.json, atributos, UI del editor, render.php, script de vista, repetidor, panel de ajustesnextora-gutenberg-blocks
Colores, fuentes, tokens de espaciado, variaciones de estilo, el selector de visitante, "debe seguir la paleta"nextora-design-system
Plantillas, partes de plantilla, patrones, diseños de página, archivos, consultas de entradasnextora-site-composition

Las solicitudes combinadas cargan todos los especialistas aplicables. Dos combinaciones son obligatorias:

  • Nuevo hijo + cualquier requisito de apariencia → nextora-child-themes y nextora-design-system. Un hijo que debe seguir interruptores preestablecidos o de visitante no puede ser terminado solo por la habilidad de temas hijo.
  • Bloque nuevo o rediseñado → nextora-gutenberg-blocks y nextora-design-system. La apariencia del bloque es propiedad del sistema de diseño.

Debido a que los especialistas deben estar de acuerdo, cárgalos en la misma sesión y deja que la habilidad del sistema de diseño gane en cualquier cuestión de apariencia que cubra.

4. Cargar referencias progresivamente

Cada especialista es invocable directamente; ejecutar este enrutador no es un prerrequisito. Cuando cargues un especialista, abre su SKILL.md, luego lee solo los archivos de referencia que su flujo de trabajo nombre, por ruta relativa. Las dos referencias compartidas anteriores están enlazadas desde cada especialista, por lo que los enlaces relativos entre habilidades (../nextora-ecosystem/references/...) deben seguir resolviendo — no los muevas ni los renombres.

5. Transferir

Carga al especialista(s), sigue su flujo de trabajo ordenado y aplica references/quality-gates.md antes de declarar algo como terminado. Si la solicitud es puramente una pregunta sobre de dónde viene una regla, responde desde references/source-map.md y detente.

Verificaciones de finalización

  • Tema objetivo y padre identificados desde su propio style.css/theme.json, no asumidos.
  • Solo se citan archivos reales y existentes; cualquier cosa citada como fuente fue leída en esta sesión.
  • Cada especialista aplicable cargado, incluyendo los emparejamientos obligatorios anteriores.
  • El código nuevo reutiliza bloques, patrones, ayudantes y tokens existentes donde existen.
  • references/quality-gates.md aplicado al resultado.
  • Nada en el trabajo depende del diseño de archivos propio de este enrutador más allá de los enlaces relativos anteriores.

Límites

Este conjunto es instrucción Markdown y referencia respaldada por fuente. No incluye scripts de ejecución, generadores, árboles de temas de inicio, gestor de paquetes ni instalador. Los comandos de compilación y verificación en navegador pertenecen al tema objetivo y se enumeran en references/quality-gates.md.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

miketropi/nextora-child-themes

Create, bootstrap or audit a child theme of the Nextora parent block theme — the style.css header with Template nextora, the functions.php load order, the single version constant kept in sync with the header, the front-end and editor-canvas asset pipeline with its parent handle dependencies, the child block registrar and inserter category, PHP/i18n conventions, and the optional feature-file layout. Use when a request names a Nextora child, a new child theme name or slug, a child theme header or version bump, child CSS/JS enqueueing, editor canvas styles, a child block folder or block category, porting Nextsaas conventions into a new child, or asks why child code cannot call the parent at file scope. Pair with nextora-design-system for any child that must follow palette or visitor font/colour switching.

miketropi/nextora-site-composition

Compose the surfaces of a Nextora or Nextora child block theme — HTML templates and template parts, PHP block patterns and their categories, page templates and the template hierarchy, front-page versus posts-index, filesystem patterns referenced from thin templates, core query/archive/search loops and explicit query context, header and footer ownership, and filesystem-versus-Site-Editor customisation. Use when a request asks for a landing page layout, a page template, an archive or search composition, a reusable pattern or section, a header/footer part, a query loop, or asks why a template file edit shows no change on the front end.

nextora-design-system

Own colours, typography, spacing tokens, style variations and the optional visitor colour/font switcher for the Nextora parent theme and its child themes. Use when a request mentions a palette, colour role, preset slug, font family or font preset, theme.json settings, Tailwind @theme aliases, CSS custom properties, a style variation, "follow the palette", "must switch with the visitor's choice", scoped block colours, or appearance for a new child theme.

nextora-gutenberg-blocks

Build or change Gutenberg blocks in the Nextora parent theme or a Nextora child theme — block.json registration, typed attributes, native visual editing with RichText and media, InspectorControls settings panels, repeatable list editors with modal item editing, render.php output, view scripts, block style variations, and the esbuild block pipeline. Use when a request mentions a block, block.json, edit.tsx, index.tsx, render.php, ServerSideRender, InnerBlocks, a repeater or list editor, a modal item form, an inspector panel, a block category, or "add/restyle a section block" for Nextora.

Skills relacionados