BIGboss248/nextjs-wordpress

Compétence de configuration et d'intégration de dépôt de bout en bout. Analyse la structure du dépôt, configure les métadonnées du projet, met en place le serveur de graphe de connaissances codebase-memory-mcp, configure les hooks git avec Husky et Commitlint, établit une conteneurisation Docker multi-étapes et automatise le CI/CD Release Please optimisé pour le crédit avec déploiement multi-arch GHCR.

Qu'est-ce que nextjs-wordpress ?

Cette compétence d'agent AI, conçue pour des outils comme Claude Code, Cursor ou Codex, automatise la configuration complète et l'intégration d'un dépôt de code pour le développement et les workflows d'agents AI. Elle commence par une analyse automatisée du dépôt pour détecter le runtime, le gestionnaire de paquets et les conventions existantes, puis génère un fichier de métadonnées central (`docs/project.json`) pour garantir un contexte partagé entre tous les agents. Ensuite, elle installe et configure le serveur de graphe de connaissances `codebase-memory-mcp`, à la fois dans l'espace de travail et globalement pour l'agent Google Antigravity (AGY) uniquement, avec des exclusions `.cbmignore` pour éviter la latence de l'éditeur. La compétence met également en place des hooks git avec Husky et Commitlint pour imposer des commits conventionnels et l'exécution des tests avant les pushs, ainsi qu'une conteneurisation Docker multi-étapes pour les builds de production. Enfin, elle configure un pipeline CI/CD GitHub Actions avec Release Please pour les versions sémantiques et le déploiement d'images multi-architecture (AMD64 et ARM64) sur le GitHub Container Registry, le tout déclenché par des commandes comme "/setup-repository" ou "setup repo".

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

Installed? Explore more Productivité et collaboration skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · 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

Compétence Universelle de Configuration et d'Environnement de Dépôt (setup-repository)

Cette compétence établit, configure et valide l'environnement de développement standard pour tout dépôt logiciel. Elle gère la découverte des métadonnées du projet, l'hygiène git, l'intelligence de code avec codebase-memory-mcp (configuré dans l'espace de travail et globalement pour Google Antigravity / AGY uniquement), la normalisation des commits avec Husky & Commitlint, la conteneurisation Docker de production, et le déploiement CI/CD automatisé Release Please & multi-arch GHCR.


Aperçu du Workflow

flowchart TD
    A["1. Découverte Automatisée & Analyse Sans Interruption"] --> B["2. Vérité Terrain des Métadonnées du Projet (docs/project.json)"]
    B --> C["3. Configuration du Codebase Memory MCP (Espace de travail & Global AGY)"]
    C --> D["4. Configuration des Hooks Git & Commitlint"]
    D --> E["5. Stacks Docker & Compose de Production"]
    E --> F["6. CI/CD Release Please & Multi-Arch GHCR"]
    F --> G["7. Vérification de Sanité de l'Environnement"]
    G --> H["8. Rapport d'Exécution Standardisé & Conseils Git"]

Étape 1 : Découverte Automatisée & Analyse du Dépôt (Règle de Zéro Interruption)

[!IMPORTANT] NE PAS DEMANDER À L'UTILISATEUR SI LES INFORMATIONS SONT DISPONIBLES DANS LES FICHIERS DU DÉPÔT. Analyser d'abord les fichiers du dépôt, les configurations et la documentation dans docs/. Déduire automatiquement le runtime, les outils et les conventions. Ne demander à l'humain que pour les éléments de configuration manquants ou ambigus.

1.1. Inspection Automatisée (Règle de Zéro Interruption)

  1. Détecter le Framework & Runtime :
    • Inspecter les manifestes de paquets : package.json (Node/Bun), pyproject.toml / requirements.txt (Python), Cargo.toml (Rust), go.mod (Go), etc.
    • Détecter le gestionnaire de paquets à partir des fichiers de verrouillage :
      • pnpm-lock.yaml → pnpm
      • bun.lockb / bun.lock → bun
      • yarn.lock → yarn
      • package-lock.json → npm
  2. Analyser la Documentation Existante :
    • Lire CONTEXT.md, docs/plan.md, docs/adr/*.md, et README.md pour extraire les standards architecturaux, les suites de test et les conventions linguistiques.
  3. Vérifier l'Arbre de Travail Git :
    • Vérifier le statut git et la branche. Toutes les étapes d'inspection et de commande doivent être exécutées comme des opérations uniques discrètes sans enchaînement.

1.2. Clarification Interactive (Échafaudage Assisté par IA)

Si des paramètres critiques sont manquants, ambigus ou indéterminés à partir des fichiers existants, poser à l'utilisateur des questions ciblées avec des options claires :

### 📋 Configuration du Dépôt et CI/CD

Pour configurer le workflow CI/CD standard pour ce dépôt, veuillez confirmer ou spécifier :

1. **Langage & Runtime Principal** : (ex : Node.js / TypeScript, Python, Go, Rust, Java, C++)
2. **Commande de Test** : (ex : `pnpm test`, `pytest`, `cargo test`, `go test ./...`)
3. **Commande de Build** : (ex : `pnpm run build`, `cargo build --release`, `go build`, `aucune`)
4. **Cible de Publication** :
   - [ ] Image de Conteneur Docker (GHCR / Docker Hub)
   - [ ] Registre de Paquets (npm, PyPI, Crates.io, Maven)
   - [ ] Actifs de Version Binaire (GitHub Releases)
   - [ ] Site Statique / Documentation (GitHub Pages)
   - [ ] Aucune (Tests CI & Tags Git SemVer uniquement)

Étape 2 : Vérité Terrain des Métadonnées du Projet (docs/project.json)

Maintenir un fichier de configuration central lisible par machine à docs/project.json afin que tous les agents AI et compétences spécialisées partagent un contexte identique.

Modèle Standard docs/project.json :

{
  "project_context_and_metadata": {
    "project_name": "my-project",
    "runtime": "node",
    "package_manager": "pnpm",
    "source_dir": "src",
    "test_command": "pnpm test",
    "build_command": "pnpm run build",
    "testing_library": ["jest", "playwright"],
    "containerization": "docker-standalone",
    "ci_cd_provider": "github-actions",
    "release_automation": "release-please",
    "publish_target": "container"
  }
}
  1. S'assurer que le répertoire docs/ existe.
  2. Écrire ou mettre à jour docs/project.json avec les valeurs de configuration découvertes ou confirmées.

Étape 3 : Configuration du Serveur d'Intelligence de Code codebase-memory-mcp

Équiper le dépôt du serveur de graphe de connaissances persistant codebase-memory-mcp (162 langages, AST Tree-sitter, résolution sémantique hybride LSP, et recherche vectorielle 100% locale).

3.1. Installation du Binaire

Choisir la méthode pour la plateforme :

  • Windows (PowerShell) :
    Invoke-WebRequest -Uri https://raw.githubusercontent.com/DeusData/codebase-memory-mcp/main/install.ps1 -OutFile install.ps1
    Unblock-File .\install.ps1
    .\install.ps1
    Remove-Item .\install.ps1
    
  • macOS / Linux (Bash) :
    curl -fsSL https://raw.githubusercontent.com/DeusData/codebase-memory-mcp/main/install.sh | bash
    
  • Alternative Globale via Paquet npm :
    npm install -g codebase-memory-mcp@latest
    

3.2. Enregistrement du Serveur MCP (Espace de Travail & Global AGY Uniquement)

[!IMPORTANT] L'enregistrement global MCP est pour Antigravity (AGY) UNIQUEMENT. Antigravity découvre et charge les serveurs MCP configurés globalement sur le système hôte. Ne jamais configurer ou enregistrer des serveurs MCP globalement pour d'autres agents de codage (par exemple, Claude Desktop, Cursor, VS Code, Cline). Enregistrer le serveur MCP dans les emplacements suivants :

  1. Racine de l'Espace de Travail mcp.json :
    {
      "mcpServers": {
        "codebase-memory": {
          "command": "codebase-memory-mcp",
          "args": []
        }
      }
    }
    
  2. Configuration de l'Agent de l'Espace de Travail (.agents/mcp_config.json) (si le dépôt utilise .agents/) :
    {
      "mcpServers": {
        "codebase-memory": {
          "command": "codebase-memory-mcp",
          "args": []
        }
      }
    }
    
  3. Configuration Globale de l'Hôte (Google Antigravity / AGY Uniquement) : Ajouter codebase-memory strictement aux configurations hôte AGY :
    • ~/.gemini/antigravity/mcp_config.json
    • ~/.gemini/config/mcp_config.json (Ne PAS enregistrer dans Claude Desktop, Cursor ou d'autres agents de codage) :
    {
      "mcpServers": {
        "codebase-memory": {
          "command": "codebase-memory-mcp",
          "args": []
        }
      }
    }
    

3.3. Hygiène Git & Persistance

3.3. Configurer les Exclusions .cbmignore (Prévenir le Bégaiement de l'Éditeur & le Churn de Découverte)

  • Local-Uniquement (Par défaut) : Ajouter .codebase-memory/ à .gitignore.

[!IMPORTANT] Prévention du Bégaiement & Exclusions à Fort Changement (.cbmignore) : codebase-memory-mcp lit un fichier .cbmignore situé strictement à la racine du dépôt (<repo>/.cbmignore) en utilisant la syntaxe .gitignore. Sans .cbmignore, les fichiers non-code (comme les documents de planification, la mémoire d'agent, les artefacts de test et les caches de build) déclenchent une découverte AST, une résolution de type et des écritures disque continues à chaque édition. Toujours générer <repo>/.cbmignore à la racine du dépôt :

# Règles d'ignorance pour codebase-memory-mcp (.cbmignore)
# Empêche les fichiers non-code et à fort changement de déclencher l'indexation du graphe ou de gonfler le graphe AST.

# Logs d'agent, métadonnées et documents de planification (fort changement pendant les sessions actives)
.agents/
docs/
*.md

# Artefacts de build & caches de compilation
dist/
build/
out/
.next/
.swc/

# Tests, rapports et couverture
coverage/
test-results/
playwright-report/
blob-report/
.playwright-mcp/
storybook-static/
*storybook.log

# Artefacts locaux de Codebase Memory (empêcher les boucles d'auto-déclenchement)
.codebase-memory/

# Système et logs
*.log
*.tsbuildinfo
.DS_Store

# Actifs statiques et médias (symboles de code zéro)
public/
assets/
*.png
*.jpg
*.jpeg
*.gif
*.svg
*.ico
*.webp
*.mp4
*.mp3
*.pdf

# Environnement & fichiers de verrouillage
.env*
*.pem
*.lock
pnpm-lock.yaml
package-lock.json
yarn.lock
bun.lockb

3.4. Désactiver la Surveillance Automatique de Fichiers de Session (auto_watch = false)

[!CAUTION] Prévention du Bégaiement Système : Par défaut, codebase-memory-mcp enregistre automatiquement les projets connectés avec son watcher git en arrière-plan (auto_watch = true). Sur Windows et les systèmes multitâches, le watcher détecte les sauvegardes de fichiers, génère un processus worker index.supervisor et compresse .codebase-memory/graph.db.zst via zstd à chaque frappe/sauvegarde, entraînant de sévères micro-bégaiements de l'UI de l'éditeur et du gestionnaire de fenêtres. Toujours désactiver la surveillance automatique de session globalement :

codebase-memory-mcp config set auto_watch false

Lorsqu'elle est désactivée, les sessions ne s'enregistrent pas avec le watcher en arrière-plan, éliminant complètement les blocages de l'éditeur. Le graphe est interrogé via les outils MCP et rafraîchi explicitement à la demande.

3.5. Hygiène Git & Persistance

  • Local-Uniquement (Par défaut) : Ajouter .codebase-memory/ à .gitignore. Ne jamais valider l'artefact binaire à chaque sauvegarde.
  • Partage d'Instantané en Équipe : Si la validation de l'instantané du graphe pré-indexé pour l'équipe, suivre .codebase-memory/graph.db.zst avec Git LFS dans le .gitattributes racine :
    .codebase-memory/graph.db.zst filter=lfs diff=lfs merge=lfs -text
    

3.4. Indexation Initiale & Script de Cadence

3.6. Indexation Initiale à la Demande & Script de Cadence

  1. Exécuter l'indexation initiale :
  2. Exécuter l'indexation initiale à la demande (en utilisant le mode moderate ou fast pour ignorer les calculs d'embedding sémantique lourds) :
    codebase-memory-mcp cli index_repository --repo-path "<canonical-repo-path>"
    codebase-memory-mcp cli index_repository --repo-path "<canonical-repo-path>" --mode moderate
    
  3. Ajouter un script de cadence à package.json pour rafraîchir l'index sur les jalons :
  4. Ajouter un script de cadence à package.json pour rafraîchir l'index sur les jalons/commits majeurs :
    {
      "scripts": {
        "cbm:update": "codebase-memory-mcp cli index_repository --repo-path . --persistence true"
        "cbm:update": "codebase-memory-mcp cli index_repository --repo-path . --mode moderate --persistence true"
      }
    }
    

Étape 4 : Configuration des Hooks Git avec Husky & Commitlint

Imposer les commits conventionnels et garantir que les suites de tests s'exécutent avant que le code puisse être poussé vers les branches distantes.

  1. Installer les Dépendances de Développement :
    pnpm add -D husky @commitlint/cli @commitlint/config-conventional
    
  2. Configurer commitlint.config.mjs :
    export default {
      extends: ["@commitlint/config-conventional"],
    };
    
  3. Initialiser Husky :
    pnpm exec husky init
    
  4. Configurer le Hook commit-msg :
    echo "pnpm exec commitlint --edit \$1" > .husky/commit-msg
    
  5. Configurer le Hook pre-push : Imposer l'exécution de la suite de tests avant d'autoriser tout git push :
    echo "pnpm run test:all" > .husky/pre-push
    

    [!NOTE] S'assurer que les scripts de test dans package.json incluent des indicateurs gracieux (par exemple --passWithNoTests) afin que les dépôts sans fichiers de test sortent avec le code 0 plutôt que de casser les pushs. Ne jamais créer de fichiers de test échantillons/placeholders dans l'espace de travail.


Étape 5 : Configuration de la Conteneurisation Docker Multi-Étapes de Production

Configurer la conteneurisation strictement pour les builds et déploiements de production autonomes. Le développement local s'exécute sur la machine hôte en utilisant le gestionnaire de paquets natif du projet.

5.1. Configurer .dockerignore

Exclure les artefacts locaux, l'historique git et les secrets :

node_modules/
.pnp/
.pnpm-store/
dist/
build/
coverage/
test-results/
.env*
*.log
.git/
.dockerignore
Dockerfile*
docker-compose*.yml
.codebase-memory/

5.2. Dockerfile Multi-Étapes

Créer un build multi-étapes en 3 étapes (dependencies → builder → runner) s'exécutant sous un utilisateur non-root sécurisé :

ARG NODE_VERSION=22-slim

FROM node:${NODE_VERSION} AS dependencies
WORKDIR /app
ENV CI=true
COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./
RUN --mount=type=cache,target=/root/.local/share/pnpm/store \
  if [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm install --frozen-lockfile; \
  elif [ -f package-lock.json ]; then npm ci; \
  else yarn install --frozen-lockfile; fi

FROM node:${NODE_VERSION} AS builder
WORKDIR /app
COPY --from=dependencies /app/node_modules ./node_modules
COPY . .
ENV NODE_ENV=production
RUN if [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm run build; else npm run build; fi

FROM node:${NODE_VERSION} AS runner
WORKDIR /app
ENV NODE_ENV=production
ARG PORT=3000
ENV PORT=${PORT}
ENV HOSTNAME="0.0.0.0"
COPY --from=builder --chown=node:node /app/dist ./dist
USER node
EXPOSE ${PORT}
CMD ["node", "dist/index.js"]

5.3. Stacks Docker Compose

  1. Build & Test Local (docker-compose.yml) :
    services:
      app:
        build:
          context: .
          dockerfile: Dockerfile
        container_name: app-production
        restart: unless-stopped
        ports:
          - "${PORT:-3000}:${PORT:-3000}"
        environment:
          - NODE_ENV=production
    
  2. Stack Pré-construite de Production (docker-compose.prod.yml) : Tire les images multi-arch pré-construites directement depuis GHCR sans code source :
    services:
      app:
        image: ghcr.io/<lowercase-owner>/<lowercase-repo>:${IMAGE_TAG:-latest}
        container_name: app-production
        restart: always
        ports:
          - "${PORT:-3000}:${PORT:-3000}"
        environment:
          - NODE_ENV=production
    

Étape 6 : Configuration du CI/CD Optimisé pour le Crédit & Automatisation Release Please

Automatiser les versions sémantiques, les changelogs et la publication multi-architecture (AMD64 & ARM64) sur le GitHub Container Registry via .github/workflows/release-please.yml :

Règles de Conception DevOps Cœur :

  1. Porte de Test Automatisée : Exécute les tests du projet sur les pull requests et les commits vers main.
  2. Automatisation Release Please : Automatise les incrémentations de version, les changelogs et les PR de version.
  3. concurrency.cancel-in-progress: false : Ne jamais annuler les workflows de version ou les déploiements en cours sur la branche principale.
  4. Constructeur Matriciel Multi-Arch en Deux Étapes : Construire AMD64 et ARM64 sur des machines runner natives (ubuntu-latest et ubuntu-24.04-arm) sans émulation QEMU. Pousser les images par digest.
  5. Fusion du Manifeste de Digest : Un job merge-manifest aval fusionne les digests AMD64 et ARM64 en une balise multi-arch unifiée.
  6. Nom de Dépôt en Minuscules : Toujours transformer github.repository en minuscules via toLower et filtrer tout préfixe de chemin.

...

[La suite du contenu du fichier original a été tronquée, mais le markdown ci-dessus a été traduit intégralement.]


Documentation de compétence traduite et localisée.

Individual skills in this repo

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

BIGboss248/nextjs-wordpress

Create, configure, manage, and validate Google Antigravity customizations including skills, rules, MCP servers, lifecycle hooks, plugins, and custom JSON configs. Use when adding new capabilities to Antigravity, configuring MCP servers, writing rules, creating skills, setting up hooks, or modernizing legacy workflows.

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

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