miketropi/nextora-ecosystem

Point d'entrée pour travailler sur l'écosystème de thème-bloc Nextora — thèmes enfants, blocs Gutenberg, préréglages de conception et sélecteur de couleurs/polices pour le visiteur, composition de modèles/parties/motifs. Utilisez-le lorsqu'une demande mentionne Nextora ou un thème enfant Nextora, lorsque la tâche couvre plusieurs de ces domaines, ou lorsque vous avez besoin de la cartographie des sources et des portes de qualité de production pour cet écosystème avant d'écrire du code. Également utilisé pour décider quel spécialiste une demande multi-parties nécessite.

Qu'est-ce que nextora-ecosystem ?

Ce skill agit comme un routeur pour l'écosystème Nextora, coordonnant cinq spécialistes qui partagent une source de vérité unique et un ensemble commun de portes de qualité de production. Il résout le thème cible, détermine quels spécialistes sont nécessaires pour une demande donnée, et assure la cohérence avant de passer la main. Les spécialistes incluent les thèmes enfants, les blocs Gutenberg, le système de conception, la composition du site, et des références partagées pour la cartographie des sources et les portes de qualité. Le routeur est conçu pour être utilisé avec des agents d'IA comme Claude Code, Cursor ou Codex. Il guide l'utilisateur à travers un flux de travail ordonné : résolution du thème cible et de son parent, lecture des preuves locales (style.css, functions.php, theme.json, etc.), répartition par intention de la demande, chargement progressif des références, et transfert aux spécialistes appropriés. Les règles incluent la réutilisation plutôt que l'invention, la vérification des portes de qualité, et l'interdiction d'inventer des chemins ou de coder en dur des chemins machine. Il est particulièrement utile pour les développeurs travaillant sur des sites WordPress avec le thème-bloc Nextora, garantissant que toutes les modifications respectent les contraintes de conception et les normes de production.

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

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Écosystème Nextora — routeur

Coordonne cinq compétences qui partagent une source de vérité unique et un ensemble commun de portes de qualité de production. Ce point d'entrée résout le thème cible, détermine quels spécialistes sont nécessaires pour la demande, et passe la main. Il ne contient pas les règles d'implémentation : celles-ci vivent dans les compétences spécialisées et dans les deux références de cette compétence.

Compétences de cette suite

CompétencePossède
../nextora-child-themes/SKILL.mdCréation ou amorçage d'un thème enfant Nextora : en-têtes, bootstrap, pipeline d'assets, registre de blocs.
../nextora-gutenberg-blocks/SKILL.mdMétadonnées de bloc, UI de l'éditeur, rendu dynamique, répéteurs, panneaux de paramètres, scripts de vue.
../nextora-design-system/SKILL.mdPréréglages de palette/typographie, variations de style, le sélecteur optionnel de couleurs/polices pour le visiteur, surfaces token et CSS.
../nextora-site-composition/SKILL.mdModèles, parties de modèles, motifs, composition de requêtes/archives.

Preuves et portes partagées pour chaque spécialiste :

  • references/source-map.md — d'où viennent les règles, avec provenance.
  • references/quality-gates.md — ce qui doit être vrai avant que le travail ne soit accepté.

Flux de travail ordonné

1. Résoudre le thème cible et son parent

Travaillez à partir de l'installation active, ou du référentiel qui vous a été donné. N'inventez jamais un chemin et ne codez jamais en dur un chemin machine dans la sortie ou les notes.

À l'intérieur d'une installation WordPress, les deux racines sont le répertoire de modèles (le parent) et le répertoire de feuilles de style (le thème activé, parent ou enfant) :

get_template_directory();      // racine du thème parent
get_stylesheet_directory();    // racine du thème actif (enfant lorsqu'un est actif)
get_stylesheet_directory_uri();

En dehors d'une installation, localisez le thème par un style.css portant un en-tête Theme Name et, pour un enfant, un en-tête Template: nommant son parent. Si un chemin fourni est manquant, redécouvrez le vrai ; ne fabriquez jamais de preuve source, ne choisissez jamais silencieusement un thème différent, et ne revendiquez jamais la compatibilité Nextora tant que la source Nextora est indisponible — dites que le prérequis est manquant et terminez le travail qui n'en dépend pas.

2. Lire les preuves locales avant de proposer du code

Lisez ces fichiers depuis le thème cible, dans cet ordre, et préférez leurs valeurs actives à tout ce qui est cité dans une compétence :

FichierCe qu'il détermine
style.cssNom du thème, Version, Template: (parent pour un enfant), Requires at least, Requires PHP, Tested up to, Text Domain, Licence.
functions.phpOrdre de chargement, ce que le thème nécessite en portée de fichier, quels fichiers de fonctionnalités il inclut.
theme.jsonSlug de palette, dégradés, famille de polices, taille de police, espacement ; modèles et parties de modèles personnalisés ; version.
package.jsonQuelles commandes de construction/vérification existent réellement, et quelles bibliothèques sont déjà des dépendances.
theme.js/.nvmrc, scripts de buildVersion de Node et les véritables points d'entrée de construction.
AGENTS.md, README.md, docs/, .opencode/Instructions du projet. Traitez-les comme des affirmations à vérifier, pas comme une autorité.

Ensuite, trouvez ce qui existe déjà avant de proposer quoi que ce soit de nouveau :

  • blocks/*/block.json — blocs enregistrés, leurs noms, catégories, supports.
  • parts/*.html, templates/*.html — surfaces de composition et leur hiérarchie.
  • patterns/*.php — balisage de section réutilisable.
  • resources/css/ + assets/css/ — quelle feuille de style est réellement livrée et comment elle est construite.
  • resources/ts/editor/ ou équivalent — outils d'édition partagés à réutiliser plutôt qu'à réécrire (shell de prévisualisation, texte enrichi, média, répéteur).
  • inc/ — aides pour les requêtes, la navigation, les modèles.

La réutilisation bat l'invention : un bloc, motif, aide ou token existant qui fait déjà le travail est la réponse correcte, et un nouveau bloc n'est correct que lorsque le comportement demandé ou la structure d'édition ne peut pas être exprimé autrement.

3. Répartir par intention

DemandeSpécialistes à charger
Créer, échafauder ou amorcer un thème enfant ; pipeline d'assets enfant ; enregistrement de bloc enfantnextora-child-themes
Ajouter/modifier un bloc : block.json, attributs, UI de l'éditeur, render.php, script de vue, répéteur, panneau de paramètresnextora-gutenberg-blocks
Couleurs, polices, tokens d'espacement, variations de style, le sélecteur visiteur, « doit suivre la palette »nextora-design-system
Modèles, parties de modèles, motifs, mises en page de page, archives, requêtes de publicationnextora-site-composition

Les demandes combinées chargent tous les spécialistes applicables. Deux combinaisons sont obligatoires :

  • Nouvel enfant + toute exigence d'apparence → nextora-child-themes et nextora-design-system. Un enfant qui doit suivre les commutateurs de préréglage ou de visiteur ne peut pas être terminé par la seule compétence enfant.
  • Bloc nouveau ou restylisé → nextora-gutenberg-blocks et nextora-design-system. L'apparence du bloc est détenue par le système de conception.

Parce que les spécialistes doivent être d'accord, chargez-les dans la même session et laissez la compétence du système de conception gagner sur toute question d'apparence qu'elle couvre.

4. Charger les références progressivement

Chaque spécialiste est directement invocable ; exécuter ce routeur n'est pas un prérequis. Lorsque vous chargez un spécialiste, ouvrez son SKILL.md, puis lisez uniquement les fichiers de référence que son flux de travail nomme, par chemin relatif. Les deux références partagées ci-dessus sont liées depuis chaque spécialiste, donc les liens relatifs interspécialistes (../nextora-ecosystem/references/...) doivent continuer à résoudre — ne les déplacez pas et ne les renommez pas.

5. Passer la main

Chargez le(s) spécialiste(s), suivez leur flux de travail ordonné, et appliquez references/quality-gates.md avant de déclarer quoi que ce soit comme terminé. Si la demande est purement une question sur l'origine d'une règle, répondez depuis references/source-map.md et arrêtez-vous.

Vérifications d'achèvement

  • Thème cible et parent identifiés depuis leur propre style.css/theme.json, non supposés.
  • Seuls des fichiers réels et existants sont cités ; tout ce qui est cité comme source a été lu dans cette session.
  • Chaque spécialiste applicable a été chargé, y compris les paires obligatoires ci-dessus.
  • Le nouveau code réutilise les blocs, motifs, aides et tokens existants là où ils existent.
  • references/quality-gates.md appliqué au résultat.
  • Rien dans le travail ne dépend de la disposition des fichiers de ce routeur au-delà des liens relatifs ci-dessus.

Limites

Cette suite est une instruction Markdown et une référence basée sur les sources. Elle ne livre aucun script d'exécution, générateur, arbre de thème de démarrage, gestionnaire de paquets ou installateur. Les commandes de construction en aval et de vérification du navigateur appartiennent au thème cible et sont listées dans 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 associés