miketropi/nextora-ecosystem

Ponto de entrada para o trabalho no ecossistema de temas-bloco Nextora — temas filhos, blocos Gutenberg, predefinições de design e o alternador de cores/fontes do visitante, além da composição de modelos/partes/padrões. Use quando uma solicitação mencionar Nextora ou um tema filho Nextora, quando a tarefa abranger mais de uma dessas áreas, ou quando você precisar do mapa de origem e das condições de qualidade de produção para este ecossistema antes de escrever código. Também use para decidir qual habilidade especialista uma solicitação multifacetada precisa.

O que é nextora-ecosystem?

Esta habilidade atua como um roteador central para o ecossistema de temas-bloco Nextora, coordenando cinco habilidades especializadas que compartilham uma única fonte de verdade e um conjunto comum de condições de produção. Ela não contém regras de implementação detalhadas — essas vivem nas habilidades especialistas e em duas referências compartilhadas. O fluxo de trabalho começa resolvendo o tema alvo e seu tema pai a partir de uma instalação WordPress ou repositório fornecido, lendo evidências locais (como style.css, functions.php, theme.json, package.json) para determinar o estado real antes de propor qualquer código. Em seguida, faz o despacho com base na intenção da solicitação: criar temas filhos, adicionar/alterar blocos Gutenberg, modificar tokens de design ou compor modelos/páginas/padrões, carregando as habilidades especialistas apropriadas e garantindo combinações obrigatórias (ex.: novo tema filho + requisito de aparência carrega tanto child-themes quanto design-system). Por fim, carrega as referências progressivamente, aplica as condições de qualidade antes de declarar conclusão e reutiliza blocos, padrões, helpers e tokens existentes sempre que possível. A habilidade suporta plataformas como Claude Code, Cursor e Codex, e é ideal para desenvolvedores que trabalham com temas-bloco WordPress e o ecossistema Nextora.

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

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Ecossistema Nextora — roteador

Coordena cinco habilidades que compartilham uma única fonte de verdade e um conjunto de condições de produção. Este ponto de entrada resolve o tema alvo, determina quais especialistas a solicitação precisa e faz a entrega. Ele não contém as regras de implementação: essas vivem nas habilidades especialistas e nas duas referências desta habilidade.

Habilidades neste conjunto

HabilidadeÉ responsável por
../nextora-child-themes/SKILL.mdCriar ou inicializar um tema filho Nextora: cabeçalhos, inicialização, pipeline de assets, registrador de blocos.
../nextora-gutenberg-blocks/SKILL.mdMetadados de bloco, interface do editor, renderização dinâmica, repetidores, painéis de configuração, scripts de visualização.
../nextora-design-system/SKILL.mdPredefinições de paleta/tipografia, variações de estilo, o alternador opcional de cores/fontes do visitante, superfícies de tokens e CSS.
../nextora-site-composition/SKILL.mdModelos, partes de modelo, padrões, composição de consultas/arquivos.

Evidências e condições compartilhadas para cada especialista:

  • references/source-map.md — de onde vêm as regras, com proveniência.
  • references/quality-gates.md — o que deve ser verdadeiro antes que o trabalho seja aceito.

Fluxo de trabalho ordenado

1. Resolver o tema alvo e seu tema pai

Trabalhe a partir da instalação ativa ou do repositório que foi fornecido. Nunca invente um caminho e nunca codifique um caminho de máquina na saída ou em anotações.

Dentro de uma instalação WordPress, as duas raízes são o diretório de modelos (o tema pai) e o diretório de folhas de estilo (o tema ativado, pai ou filho):

get_template_directory();      // raiz do tema pai
get_stylesheet_directory();    // raiz do tema ativo (filho quando um está ativo)
get_stylesheet_directory_uri();

Fora de uma instalação, localize o tema por um style.css que contenha um cabeçalho Theme Name e, para um tema filho, um cabeçalho Template: nomeando seu pai. Se um caminho fornecido estiver ausente, redescubra o real; nunca fabrique evidências de origem, nunca escolha silenciosamente um tema diferente e nunca afirme compatibilidade com Nextora enquanto a fonte Nextora estiver indisponível — diga que o pré-requisito está faltando e conclua o trabalho que não depende dele.

2. Ler evidências locais antes de propor código

Leia estas do tema alvo, nesta ordem, e prefira seus valores atuais em vez de qualquer coisa citada em uma habilidade:

ArquivoO que ele estabelece
style.cssNome do tema, Versão, Template: (pai para um filho), Requer pelo menos, Requer PHP, Testado até, Domínio de Texto, Licença.
functions.phpOrdem de carregamento, o que o tema requer no escopo do arquivo, quais arquivos de funcionalidade ele inclui.
theme.jsonSlugs de paleta, gradiente, família de fontes, tamanho de fonte, espaçamento; modelos e partes de modelo personalizados; version.
package.jsonQuais comandos de construção/verificação realmente existem e quais bibliotecas já são dependências.
theme.js/.nvmrc, scripts de construçãoVersão do Node e os pontos de entrada reais de construção.
AGENTS.md, README.md, docs/, .opencode/Instruções do projeto. Trate-as como afirmações a serem verificadas, não como autoridade.

Em seguida, descubra o que já existe antes de propor algo novo:

  • blocks/*/block.json — blocos registrados, seus nomes, categorias, suportes.
  • parts/*.html, templates/*.html — superfícies de composição e sua hierarquia.
  • patterns/*.php — marcação de seção reutilizável.
  • resources/css/ + assets/css/ — qual folha de estilo realmente é enviada e como é construída.
  • resources/ts/editor/ ou equivalente — ajudantes de editor compartilhados para reutilizar em vez de reescrever (shell de visualização, rich text, mídia, repetidor).
  • inc/ — ajudantes para consultas, navegação, modelos.

Reutilização vence invenção: um bloco, padrão, ajudante ou token existente que já faz o trabalho é a resposta correta, e um novo bloco só é correto quando o comportamento ou estrutura de edição solicitado não pode ser expresso de outra forma.

3. Despachar por intenção

SolicitaçãoEspecialistas a carregar
Criar, estruturar ou inicializar um tema filho; pipeline de assets do filho; registro de blocos do filhonextora-child-themes
Adicionar/alterar um bloco: block.json, atributos, interface do editor, render.php, script de visualização, repetidor, painel de configuraçãonextora-gutenberg-blocks
Cores, fontes, tokens de espaçamento, variações de estilo, o alternador do visitante, "deve seguir a paleta"nextora-design-system
Modelos, partes de modelo, padrões, layouts de página, arquivos, consultas de postnextora-site-composition

Solicitações combinadas carregam todos os especialistas aplicáveis. Duas combinações são obrigatórias:

  • Novo filho + qualquer requisito de aparência → nextora-child-themes e nextora-design-system. Um filho que deve seguir predefinições ou alternadores do visitante não pode ser concluído apenas pela habilidade do filho.
  • Bloco novo ou com estilo reformulado → nextora-gutenberg-blocks e nextora-design-system. A aparência do bloco é de responsabilidade do sistema de design.

Como os especialistas devem concordar, carregue-os na mesma sessão e deixe a habilidade do sistema de design vencer em qualquer questão de aparência que ela cobrir.

4. Carregar referências progressivamente

Cada especialista é diretamente invocável; executar este roteador não é um pré-requisito. Ao carregar um especialista, abra seu SKILL.md e então leia apenas os arquivos de referência que seu fluxo de trabalho nomeia, por caminho relativo. As duas referências compartilhadas acima estão vinculadas em cada especialista, portanto os links relativos entre habilidades (../nextora-ecosystem/references/...) devem continuar resolvendo — não mova nem renomeie esses arquivos.

5. Entregar

Carregue o(s) especialista(s), siga seu fluxo de trabalho ordenado e aplique references/quality-gates.md antes de declarar qualquer coisa concluída. Se a solicitação for puramente uma pergunta sobre de onde vem uma regra, responda a partir de references/source-map.md e pare.

Verificações de conclusão

  • Tema alvo e tema pai identificados a partir de seus próprios style.css/theme.json, não presumidos.
  • Apenas arquivos reais e existentes citados; qualquer coisa citada como fonte foi lida nesta sessão.
  • Todos os especialistas aplicáveis carregados, incluindo os pares obrigatórios acima.
  • Código novo reutiliza blocos, padrões, ajudantes e tokens existentes onde eles existem.
  • references/quality-gates.md aplicado ao resultado.
  • Nada no trabalho depende do layout de arquivos deste roteador além dos links relativos acima.

Limites

Este conjunto é instrução Markdown e referência baseada em código fonte. Ele não fornece scripts de tempo de execução, geradores, árvores de tema inicial, gerenciador de pacotes ou instalador. Comandos de construção downstream e verificação de navegador pertencem ao tema alvo e estão listados em 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.

Habilidades Relacionadas