CommunityRédaction et éditiongithub.com

BIGboss248/nextjs-wordpress

Créez, configurez, gérez et validez les personnalisations Google Antigravity, y compris les compétences, les règles, les serveurs MCP, les hooks de cycle de vie, les plugins et les configurations JSON personnalisées. À utiliser lors de l'ajout de nouvelles fonctionnalités à Antigravity, de la configuration de serveurs MCP, de la rédaction de règles, de la création de compétences, de la mise en place de hooks ou de la modernisation de workflows existants.

Qu'est-ce que nextjs-wordpress ?

Cette compétence permet de concevoir, structurer, configurer, migrer et valider de manière autonome des personnalisations pour Google Antigravity, aussi bien au niveau d'un espace de travail qu'au niveau global. Elle fournit un guide complet pour ajouter de nouvelles compétences (sous forme de commandes slash), créer des règles (always_on, model_decision, glob, manual), configurer des serveurs MCP (stdio ou distant avec SSE/Streamable HTTP), mettre en place des hooks de cycle de vie (PreToolUse, PostToolUse, PreInvocation, etc.), empaqueter des plugins et moderniser les workflows obsolètes. Basée sur une documentation structurée en `SKILL.md`, elle inclut une matrice de décision rapide, des procédures opérationnelles détaillées pour chaque mécanisme de personnalisation, et une checklist de validation pour garantir que toute modification est syntaxiquement correcte et fonctionnelle. Cette compétence est idéale pour les développeurs qui utilisent l'agent Antigravity (Gemini) et souhaitent étendre ses capacités de manière organisée et reproductible.

Compatible avec✓Claude Code~Codex CLI~Cursor✓Antigravity✓Gemini CLI
npx skills add https://github.com/BIGboss248/nextjs-wordpress/tree/HEAD/.agents/skills/ag-customizer

Installed? Explore more Rédaction et édition skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · 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

Personnalisateur Antigravity (ag-customizer)

Utilisez cette compétence pour concevoir, structurer, configurer, migrer et valider de manière autonome les personnalisations pour Google Antigravity, aussi bien au niveau de l'espace de travail qu'au niveau global.


Matrice de Décision Rapide

Déterminez quel mécanisme de personnalisation est le mieux adapté au problème :

BesoinMécanismeEmplacement du fichierGuide de référence
Enseigner à l'agent une procédure en plusieurs étapes, une procédure ou une commande slashCompétence.agents/skills/<nom>/SKILL.md ou ~/.gemini/antigravity/skills/<nom>/SKILL.mdskills-guide.md
Imposer des contraintes persistantes, des normes de codage ou des règles de styleRègle.agents/rules/<nom>.md, AGENTS.md ou ~/.gemini/GEMINI.mdrules-guide.md
Connecter des services externes, des bases de données locales ou des outils personnalisésServeur MCP.agents/mcp_config.json ou ~/.gemini/config/mcp_config.jsonmcp-guide.md
Intercepter des événements du cycle de vie (commande de porte, injection d'invites, arrêt du chien de garde)Hook de cycle de vie.agents/hooks.json ou ~/.gemini/config/hooks.jsonhooks-guide.md
Regrouper compétences, règles, hooks et MCP dans un package partageablePlugin.agents/plugins/<nom>/ ou ~/.gemini/config/plugins/<nom>/plugins-and-configs.md
Enregistrer des chemins non standard ou partager des personnalisations via un VCSConfig JSON.agents/skills.json ou .agents/plugins.jsonplugins-and-configs.md
Mettre à niveau des workflows obsolètes vers des compétences modernes de type commande slashMigration de workflow.agents/workflows/*.md -> .agents/skills/<nom>/SKILL.mdworkflows-migration.md

Flux de Travail Opérationnels

1. Ajout d'une Nouvelle Compétence

  1. Déterminer la Portée :
    • Espace de travail : .agents/skills/<nom>/ (versionné dans le dépôt pour l'équipe).
    • Global : ~/.gemini/antigravity/skills/<nom>/ (disponible dans tous les projets).
  2. Structurer le Répertoire :
    <racine_de_personnalisation>/skills/<nom-de-la-competence>/
    ├── SKILL.md             # Requis : Point d'entrée avec frontmatter YAML
    ├── scripts/             # Facultatif : Scripts d'aide (exécutés avec --help)
    ├── references/          # Facultatif : Manuels fournis et documentation lourde
    └── examples/            # Facultatif : Exemples de code ou de sortie de référence
    
  3. Rédiger le Frontmatter :
    • name : En minuscules, avec traits d'union (ex. nextjs-otel, docker-deploy). Cela enregistre également la commande slash (/<nom>).
    • description : 1 à 3 phrases à la troisième personne, indiquant explicitement ce que fait la compétence et les déclencheurs/scénarios spécifiques pour lesquels l'agent doit l'activer.
  4. Appliquer la Divulgation Progressive :
    • Gardez le fichier SKILL.md principal concentré sur la séquence des étapes opérationnelles et les critères de réalisation.
    • Placez les références détaillées dans les fichiers references/<sujet>.md et liez-les de manière relative.
    • Reportez-vous au skills-guide.md pour les modèles de structure.
  5. Vérification du Miroir Obsidian :
    • Lors de la mise à jour ou de la création de compétences dans cet espace de travail, créez un miroir du dossier de compétence vers d:/Scripts/Obsidian/skills/<nom>/ conformément aux directives du dépôt.

2. Création d'une Règle

  1. Déterminer la Portée et le Format :
    • Règle d'espace de travail : .agents/rules/<nom-de-la-regle>.md ou AGENTS.md à la racine du projet.
    • Règle globale : ~/.gemini/GEMINI.md.
  2. Choisir le Mode d'Activation (pour .agents/rules/*.md) :
    • always_on : Injectée inconditionnellement à chaque tour. À utiliser avec parcimonie pour préserver le contexte.
    • model_decision : Divulguée lorsque l'agent détermine la pertinence en fonction de la description.
    • glob : Activée automatiquement lorsque des fichiers correspondants sont touchés ou ouverts (par ex., *.tsx, src/api/**/*.ts).
    • manual : Chargée uniquement lorsqu'elle est explicitement invoquée via @mention dans le chat (par ex., @ma-regle.md).
  3. Rédiger le Contenu :
    • Restez dans la limite de 12 000 caractères par fichier.
    • Exprimez les comportements cibles de manière positive (« Faites X », « Structurez toujours Y ») plutôt que par des interdictions.
    • Utilisez @nom-de-fichier pour lier des fichiers de contexte compagnons si nécessaire.
    • Reportez-vous au rules-guide.md pour la syntaxe complète et le frontmatter d'activation.

3. Configuration d'un Serveur MCP

  1. Déterminer l'Emplacement du Fichier :
    • Espace de travail : <espace-de-travail>/.agents/mcp_config.json
    • Global : ~/.gemini/config/mcp_config.json
  2. Sélectionner le Transport :
    • stdio (Exécutable local) :
      {
        "mcpServers": {
          "mon-serveur": {
            "command": "npx",
            "args": ["-y", "@modelcontextprotocol/server-sqlite", "app.db"],
            "env": { "SQLITE_READONLY": "true" }
          }
        }
      }
      
    • Distant (SSE / Streamable HTTP) :

      [!IMPORTANT] Utilisez toujours la clé serverUrl. Les clés obsolètes url ou httpUrl ne sont pas prises en charge.

      {
        "mcpServers": {
          "mon-distant": {
            "serverUrl": "https://api.exemple.com/mcp/",
            "headers": { "Authorization": "Bearer VOTRE_TOKEN" }
          }
        }
      }
      
  3. Authentification :
    • Identifiants par défaut de l'application Google : "authProviderType": "google_credentials" (nécessite gcloud auth application-default login).
    • OAuth : "oauth": { "clientId": "...", "clientSecret": "..." } avec URI de redirection https://antigravity.google/oauth-callback.
  4. Filtrage des Outils :
    • Désactivez temporairement des outils sans supprimer le serveur : "disabledTools": ["destructive_command"].
    • Reportez-vous au mcp-guide.md pour les configurations pré-construites.

4. Mise en Place de Hooks de Cycle de Vie

  1. Fichier Cible : .agents/hooks.json (ou ~/.gemini/config/hooks.json).
  2. Événements Pris en Charge :
    • PreToolUse : Faire correspondre les noms d'outils (run_command, write_to_file, *) pour contrôler l'exécution (allow, deny, ask, force_ask) ou remplacer partiellement les arguments.
    • PostToolUse : Auditer la sortie, exécuter des linters ou formater le code après l'achèvement de l'outil.
    • PreInvocation : Injecter du contexte ou des instructions système (injectSteps avec ephemeralMessage) avant que le modèle ne traite le tour.
    • PostInvocation : Forcer la continuation (terminationBehavior: "force_continue") ou arrêter.
    • Stop : Inspecter l'achèvement de la tâche (terminationReason, fullyIdle) et retourner decision: "continue" avec reason pour bloquer une sortie prématurée.
  3. Règles du Contrat :
    • L'exécution passe le contexte via stdin et reçoit la réponse via stdout.
    • Toutes les clés de la charge utile JSON utilisent le camelCase (conversationId, stepIdx, toolCall, etc.).
    • Les commandes s'exécutent de manière synchrone et bloquent la boucle de l'agent jusqu'au délai d'attente (30s par défaut).
    • Reportez-vous au hooks-guide.md pour les modèles en Python, PowerShell et Bash.

5. Empaquetage d'un Plugin ou d'une Configuration Partagée via VCS

  1. Package du Plugin :
    • Regroupez les compétences, règles, hooks et serveurs MCP associés dans .agents/plugins/<nom-du-plugin>/.
    • Ajoutez le manifeste plugin.json ({"name": "mon-plugin"}).
    • Gérez l'état d'activation dans config.json sous "plugins": { "<nom-du-plugin>": { "enabled": true } }.
  2. Configurations JSON (skills.json / plugins.json) :
    • Enregistrez des répertoires externes ou des dépôts d'équipe partagés.
    • Prenez en charge les entries (chemins) et les inherits (autres configurations) avec des filtres regex include_only et exclude.
    • Reportez-vous au plugins-and-configs.md pour des exemples de manifeste complets.

6. Modernisation des Workflows Obsolètes

  1. Inspectez la présence de fichiers .agents/workflows/*.md ou ~/.gemini/config/workflows/*.md obsolètes.
  2. Extrayez les instructions opérationnelles et générez le SKILL.md équivalent avec un frontmatter YAML approprié.
  3. Archivez le fichier original en <nom>.md.bak (préservation sécurisée).
  4. Reportez-vous au workflows-migration.md pour le guide de migration automatisée.

Liste de Vérification & Validation

Avant de considérer une personnalisation comme terminée :

  • Syntaxe JSON : Assurez-vous que tous les fichiers .json sont analysés correctement sans erreurs de syntaxe ni commentaires.
  • Vérification du Frontmatter : Vérifiez que SKILL.md contient un frontmatter YAML valide avec name et une description descriptive.
  • Budget de Caractères : Assurez-vous que les fichiers de règles Markdown respectent la limite de 12 000 caractères.
  • Connexion MCP : Vérifiez que les binaires de commande ou les URL distantes existent et s'authentifient.
  • Contrat de Hook : Vérifiez que les scripts de hook acceptent le JSON en camelCase sur stdin et renvoient un JSON valide sur stdout.
  • Miroir Obsidian : Pour les compétences dans cet espace de travail, synchronisez le dossier de compétence créé vers d:/Scripts/Obsidian/skills/<nom>/.

Individual skills in this repo

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

BIGboss248/nextjs-wordpress

Spawn multiple agents into a shared conversation where they debate, disagree, and converge on a solution via a shared chat.json file. Use for architecture decisions, code review debates, design trade-offs, or any problem that benefits from adversarial reasoning. Triggers on "chatroom", "agent debate", "have agents discuss", "agent chatroom", "debate this", or /agent-chatrooms. Also triggers on phrases like "have 3 agents argue about", "multi-agent discussion", or "let them debate".

BIGboss248/nextjs-wordpress

Always-active code intelligence, search, and navigation skill utilizing the codebase-memory MCP server. Enforces an index-first protocol (verifying and refreshing the knowledge graph via index_repository or index_status before searching, required because background auto_watch is disabled to eliminate editor stutter and system lag), followed by graph-first exploration (search_graph, trace_path, get_code_snippet, query_graph, get_architecture, detect_changes) instead of naive text grep or full-file reads. Always activate before searching the codebase, inspecting unknown architecture, finding symbols, or tracing callers/callees.

BIGboss248/nextjs-wordpress

>- Discover, interview, and craft comprehensive UX/UI design specifications (design-spec.md) and design tokens for web components. Triggers on "/component-design", "design component", "design section", "design UI", "wireframe component", or "create design spec".

BIGboss248/nextjs-wordpress

>- Configure and query WooCommerce APIs including WPGraphQL, WooGraphQL, and JWT auth for headless frontends. Use when connecting Next.js to WooCommerce or fetching store catalog data.

BIGboss248/nextjs-wordpress

Orchestrate parallel browser automation using multiple Chrome DevTools MCP instances. Use when a task requires doing the same browser action across many targets simultaneously (e.g., submitting contact forms, filling applications, scraping pages that need JS rendering). Spin up 1-5 parallel Chrome agents.

BIGboss248/nextjs-wordpress

Workflow for spawning an independent subagent to conduct unbiased code reviews and inject adversarial edge-case tests ([ComponentName].edge.test.tsx).

BIGboss248/nextjs-wordpress

>- Build Next.js App Router React components with Suspense skeletons, semantic OKLCH tokens, Jest + RTL unit tests, Playwright visual/hydration checks, and Tailwind logical styling. Triggers on "/nextjs-component-dev", "create component", "new component", "build component", or "develop component".

BIGboss248/nextjs-wordpress

>- Bootstrap, configure, and verify the complete Next.js App Router development environment, developer tooling, testing suites, MCP servers, Docker containerization, and CI/CD. Triggers on "/nextjs-dev-setup", "setup nextjs dev environment", "start a nextjs project", or "containerize nextjs app".

BIGboss248/nextjs-wordpress

>- Configure production health monitoring endpoints (/api/health), Docker Compose probes, and runtime metrics in Next.js App Router applications. Use when asked to "setup health check", "add health endpoint", "docker compose healthcheck nextjs", "configure health monitor", or "/nextjs-healthcheck".

BIGboss248/nextjs-wordpress

Bootstrap, configure, and verify next-intl App Router internationalization (proxy.ts/middleware.ts, next/root-params, [locale] layout, routing). Triggers on "/nextjs-i18n-setup", "setup i18n", "install next-intl", "configure next-intl", "add internationalization", "setup locale routing", "migrate to [locale]".

BIGboss248/nextjs-wordpress

Read/write translation dictionaries (messages/[locale].json), next-intl hooks (getTranslations/useTranslations), providers (Storybook/tests/subtrees), and BiDi styling. Triggers on "/nextjs-i18n-usage", "i18n dictionary", "use translations", "read dictionary", "i18n provider", "next-intl hooks", "storybook i18n", "test i18n", "add translation keys", "localize component", "create a component", "update a component".

BIGboss248/nextjs-wordpress

>- Configure, test, and verify OpenTelemetry (OTel) observability in Next.js App Router applications. Triggers on "/nextjs-otel", "setup otel", "configure opentelemetry", "test otel", or "verify opentelemetry".

BIGboss248/nextjs-wordpress

Step-by-step workflow for designing and building Next.js App Router pages (RSC page.tsx, loading skeleton, metadata, JSON-LD schema, and dynamic static params). Triggers on "/nextjs-page-dev", "create page", "new page", "develop page", "build route", or "implement page".

BIGboss248/nextjs-wordpress

>- Orchestrate end-to-end planning for Next.js App Router projects, generating canonical specifications, design systems, and a 7-phase modular implementation roadmap in docs/plan/. Triggers on "/nextjs-plan", "plan a nextjs project", "plan nextjs app", "create nextjs project plan", "outline nextjs architecture", or "generate plan".

BIGboss248/nextjs-wordpress

Workflow and engineering standards for crafting co-located Storybook CSF3 stories ([ComponentName].stories.tsx) with interactive controls, action spies, and 4 canonical theme variants.

BIGboss248/nextjs-wordpress

>- Build Next.js e-commerce frontends backed by WooCommerce APIs, handling ISR catalogs, cart sessions, and JWT authentication. Use when building or querying Next.js stores with WooCommerce.

BIGboss248/nextjs-wordpress

Self-correcting rules engine and feedback loop that learns from user corrections, mistakes, and project-specific constraints by maintaining a persistent autofix ruleset. Scans learned rules before starting any task, resolves conflicts, and automatically appends new rules upon corrections. Triggers on user corrections ("no, do it this way", "never do X", "always use Y"), /learn, "self repair", "add rule", "update rules", or when diagnosing assumptions and bugs. CRITICAL ALWAYS-ACTIVE LIFECYCLE SKILL. Must always be kept in context, loaded at session start, and consulted before starting ANY task to read and apply active constraints from autofix.json. MUST ALWAYS be triggered immediately whenever the user provides ANY correction, preference, criticism, rejection of an approach, or adjustment ("no", "don't do X", "use Y", "remember", "prefer"), or when any mistake/bug is identified. Automatically and immediately formulates and appends the new imperative rule to the project's autofix.json ruleset file.

BIGboss248/nextjs-wordpress

Setup, automate, and execute SEO audits, CI/CD pre-push/pre-deploy checks, and ranking optimizations using the seo CLI and MCP server.

BIGboss248/nextjs-wordpress

End-to-end repository onboarding and development environment setup skill. Scans repository structure, configures project metadata (docs/project.json), sets up the codebase-memory-mcp code intelligence knowledge graph server (in workspace mcp.json and globally for AGY only), configures git hooks with Husky and Commitlint, establishes multi-stage production Docker containerization, and automates credit-optimized Release Please CI/CD with multi-arch (AMD64 & ARM64) GHCR package deployment. Triggers on "/setup-repository", "setup repository", "setup repo", "initialize repository", "new repo setup", or when preparing any repository for development and AI agent workflows.

BIGboss248/nextjs-wordpress

AI screen scaffolding, layout generation, and variant exploration workflow powered by Google Stitch (StitchMCP). Consumes a component design specification (docs/design/components/[page name]/[component name]/design-spec.md), verifies and reuses the central Stitch project in docs/project.json (or creates/persists one if absent), seeds the project's design system into Stitch, synthesizes layout prompts to generate a screen and create one variant of the given design spec file, downloads and saves Stitch JPG screenshots and HTML code files directly into docs/design/components/[page name]/[component name]/stitch/ using binary-safe PowerShell Invoke-WebRequest, outputs image prompts to the user if visual assets are needed (without calling generate_image to conserve tokens), updates design-spec.md with Stitch layout benchmarks, and audits asset download integrity with an independent subagent. Triggers on "/stitch-design", "generate stitch screen", "create stitch variant", "scaffold screen with stitch", or "stitch...

Skills associés