BIGboss248/nextjs-wordpress

Skill de incorporación de repositorios de extremo a extremo y configuración del entorno de desarrollo. Escanea la estructura del repositorio, configura metadatos del proyecto (docs/project.json), configura el servidor de código inteligente codebase-memory-mcp (en el workspace mcp.json y globalmente solo para AGY), configura git hooks con Husky y Commitlint, establece contenedorización Docker multi-etapa de producción y automatiza CI/CD con Release Please optimizado para créditos con despliegue de paquetes GHCR multi-arquitectura (AMD64 y ARM64). Se activa con "/setup-repository", "setup repository", "setup repo", "initialize repository", "new repo setup" o al preparar cualquier repositorio para desarrollo y flujos de trabajo de agentes de IA.

¿Qué es nextjs-wordpress?

Este skill, "Universal Repository Setup & Environment Skill (setup-repository)", proporciona un proceso automatizado y completo para preparar cualquier repositorio de software para el desarrollo y la integración con agentes de IA. Su principal utilidad radica en estandarizar la configuración inicial, eliminando tareas manuales y garantizando que tanto desarrolladores humanos como agentes de IA compartan un contexto de trabajo idéntico mediante la generación de un archivo de metadatos central (`docs/project.json`). El skill es compatible con plataformas de agentes de IA como Antigravity (AGY) y otras que soportan MCP, y se activa mediante comandos como `/setup-repository` o "setup repo". Su funcionamiento se basa en escanear automáticamente la estructura del repositorio para detectar el runtime, gestor de paquetes, dependencias y convenciones. Luego, configura un grafo de conocimiento persistente del código (`codebase-memory-mcp`) para mejorar la comprensión del código por parte de la IA, establece hooks de git (Husky y Commitlint) para validar y estandarizar los commits, crea Dockerfiles multi-etapa para producción, y despliega un pipeline CI/CD con Release Please que construye imágenes multi-arquitectura (AMD64 y ARM64) y las publica en GitHub Container Registry (GHCR). Todo el proceso sigue una "regla de cero interrupciones", extrayendo la máxima información posible de los archivos del repositorio antes de preguntar al usuario.

Compatible con✓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 Productividad y colaboración skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Preguntar en tu IA favorita

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

Documentación

Skill Universal de Configuración y Entorno de Repositorio (setup-repository)

Este skill establece, configura y valida el entorno de desarrollo estándar para cualquier repositorio de software. Maneja el descubrimiento de metadatos del proyecto, higiene de git, inteligencia de código con codebase-memory-mcp (configurado en el workspace y globalmente solo para Google Antigravity / AGY), estandarización de commits con Husky y Commitlint, contenedorización Docker de producción y despliegue CI/CD automatizado con Release Please y GHCR multi-arquitectura.


Resumen del Flujo de Trabajo

flowchart TD
    A["1. Descubrimiento Automatizado y Escaneo sin Interrupción"] --> B["2. Verdad Fundamental de Metadatos del Proyecto (docs/project.json)"]
    B --> C["3. Configuración del MCP de Memoria del Código (Workspace y AGY Global)"]
    C --> D["4. Configuración de Hooks de Git y Commitlint"]
    D --> E["5. Pilas Docker y Compose de Producción"]
    E --> F["6. Release Please y CI/CD GHCR Multi-Arquitectura"]
    F --> G["7. Verificación de Sanidad del Entorno"]
    G --> H["8. Informe de Ejecución Estandarizado y Guía de Git"]

Paso 1: Descubrimiento Automatizado y Escaneo del Repositorio (Regla de Cero Interrupciones)

[!IMPORTANT] NO PREGUNTES AL USUARIO SI LA INFORMACIÓN ESTÁ DISPONIBLE EN LOS ARCHIVOS DEL REPOSITORIO. Escanea primero los archivos del repositorio, configuraciones y documentación en docs/. Deduce automáticamente el runtime, las herramientas y las convenciones. Solo pregunta al humano por configuración faltante o ambigua.

1.1. Inspección Automatizada (Regla de Cero Interrupciones)

  1. Detectar Framework y Runtime:
    • Inspeccionar manifiestos de paquetes: package.json (Node/Bun), pyproject.toml / requirements.txt (Python), Cargo.toml (Rust), go.mod (Go), etc.
    • Detectar gestor de paquetes a partir de lockfiles:
      • pnpm-lock.yaml → pnpm
      • bun.lockb / bun.lock → bun
      • yarn.lock → yarn
      • package-lock.json → npm
  2. Escaneo de Documentación Existente:
    • Leer CONTEXT.md, docs/plan.md, docs/adr/*.md y README.md para extraer estándares arquitectónicos, suites de prueba y convenciones de lenguaje.
  3. Verificar el Árbol de Trabajo de Git:
    • Comprobar el estado de git y la rama. Todos los pasos de inspección y comando deben ejecutarse como operaciones individuales discretas sin encadenar.

1.2. Aclaración Interactiva (Andamiaje Asistido por IA)

Si faltan parámetros críticos, son ambiguos o no se pueden determinar a partir de los archivos existentes, haz al usuario preguntas enfocadas utilizando opciones claras:

### 📋 Configuración del Repositorio y CI/CD

Para configurar el flujo de trabajo CI/CD estándar para este repositorio, por favor confirma o especifica:

1. **Lenguaje y Runtime Principal**: (ej. Node.js / TypeScript, Python, Go, Rust, Java, C++)
2. **Comando de Prueba**: (ej. `pnpm test`, `pytest`, `cargo test`, `go test ./...`)
3. **Comando de Compilación**: (ej. `pnpm run build`, `cargo build --release`, `go build`, `ninguno`)
4. **Destino de Publicación / Lanzamiento**:
   - [ ] Imagen de Contenedor Docker (GHCR / Docker Hub)
   - [ ] Registro de Paquetes (npm, PyPI, Crates.io, Maven)
   - [ ] Archivos de Versión Binaria (GitHub Releases)
   - [ ] Sitio Estático / Documentación (GitHub Pages)
   - [ ] Ninguno (Solo CI Testing y Git Tags SemVer)

Paso 2: Verdad Fundamental de Metadatos del Proyecto (docs/project.json)

Mantén un archivo de configuración central legible por máquina en docs/project.json para que todos los agentes de IA y skills especializados compartan un contexto idéntico.

Plantilla Estándar de 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. Asegurarse de que exista el directorio docs/.
  2. Escribir o actualizar docs/project.json con los valores de configuración descubiertos o confirmados.

Paso 3: Configurar el Servidor de Inteligencia de Código codebase-memory-mcp

Equipa el repositorio con el servidor de grafo de conocimiento persistente codebase-memory-mcp (162 lenguajes, AST Tree-sitter, resolución de tipos semántica híbrida LSP y búsqueda vectorial 100% local).

3.1. Instalar el Binario

Elige el método de la plataforma:

  • 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
    
  • Alternativa Global de Paquete npm:
    npm install -g codebase-memory-mcp@latest
    

3.2. Registrar el Servidor MCP (Workspace y AGY Global Solamente)

[!IMPORTANT] El Registro Global de MCP es SOLO para Antigravity (AGY). Antigravity descubre y carga servidores MCP que están configurados globalmente en el sistema anfitrión. Nunca configures ni registres servidores MCP globalmente para otros agentes de codificación (ej. Claude Desktop, Cursor, VS Code, Cline). Registra el servidor MCP en las siguientes ubicaciones:

  1. mcp.json Raíz del Workspace:
    {
      "mcpServers": {
        "codebase-memory": {
          "command": "codebase-memory-mcp",
          "args": []
        }
      }
    }
    
  2. Configuración del Agente del Workspace (.agents/mcp_config.json) (si el repo usa .agents/):
    {
      "mcpServers": {
        "codebase-memory": {
          "command": "codebase-memory-mcp",
          "args": []
        }
      }
    }
    
  3. Configuración Global del Host (Google Antigravity / AGY Solamente): Añadir codebase-memory estrictamente a las configuraciones del host AGY:
    • ~/.gemini/antigravity/mcp_config.json
    • ~/.gemini/config/mcp_config.json (NO registrar en Claude Desktop, Cursor u otros agentes de codificación):
    {
      "mcpServers": {
        "codebase-memory": {
          "command": "codebase-memory-mcp",
          "args": []
        }
      }
    }
    

3.3. Configurar Exclusiones .cbmignore (Prevenir Parpadeo del Editor y Cambios Continuos)

  • Solo Local (Por Defecto): Añadir .codebase-memory/ a .gitignore.

[!IMPORTANT] Prevención de Parpadeo y Exclusiones de Alto Cambio (.cbmignore): codebase-memory-mcp lee un archivo .cbmignore ubicado estrictamente en la raíz del repositorio (<repo>/.cbmignore) usando la sintaxis de .gitignore. Sin .cbmignore, los archivos que no son de código (como documentos de planificación, memoria del agente, artefactos de prueba y cachés de compilación) desencadenan descubrimiento continuo de AST, resolución de tipos y escrituras en disco cada vez que se editan. Generar siempre <repo>/.cbmignore en la raíz del repositorio:

# Reglas de ignorado de codebase-memory-mcp (.cbmignore)
# Previene que archivos no-código y de alto cambio activen la indexación del grafo o inflen el grafo AST.

# Registros del agente, metadatos y documentos de planificación (alto cambio durante sesiones activas)
.agents/
docs/
*.md

# Artefactos de compilación y cachés
build/
test-results/
.test-results/
.coverage/
.playwright/
storybook-static/
*storybook.log

# Artefactos locales de Codebase Memory (prevenir bucles de autoactivación)
.codebase-memory/

# Archivos del sistema y registros
*.log
*.tsbuildinfo
.DS_Store

# Activos estáticos y multimedia (símbolos de código cero)
public/
assets/
*.png
*.jpg
*.jpeg
*.gif
*.svg
*.ico
*.webp
*.mp4
*.mp3
*.pdf

# Entorno y lockfiles
.env*
*.pem
*.lock
pnpm-lock.yaml
package-lock.json
yarn.lock
bun.lockb

3.4. Deshabilitar la Vigilancia Automática de Archivos de Sesión (auto_watch = false)

[!CAUTION] Prevención de Parpadeo del Sistema: Por defecto, codebase-memory-mcp registra automáticamente los proyectos conectados con su vigilante de git en segundo plano (auto_watch = true). En Windows y sistemas multitarea, el vigilante detecta los guardados de archivos, genera un proceso de trabajo index.supervisor y comprime .codebase-memory/graph.db.zst vía zstd en cada pulsación de tecla/guardado, lo que provoca micro-parpadeos severos en la UI del editor y el gestor de ventanas. Deshabilitar siempre la vigilancia automática de sesiones globalmente:

codebase-memory-mcp config set auto_watch false

Cuando está deshabilitado, las sesiones no se registran con el vigilante de fondo, eliminando completamente los congelamientos del editor. El grafo se consulta a través de herramientas MCP y se actualiza explícitamente bajo demanda.

3.5. Higiene y Persistencia de Git

  • Solo Local (Por Defecto): Añadir .codebase-memory/ a .gitignore. Nunca confirmar el artefacto binario en cada guardado.
  • Compartición de Instantáneas en Equipo: Si se confirma la instantánea del grafo pre-indexado para el equipo, rastrear .codebase-memory/graph.db.zst con Git LFS en .gitattributes raíz:
    .codebase-memory/graph.db.zst filter=lfs diff=lfs merge=lfs -text
    

3.6. Indexación Inicial Bajo Demanda y Script de Cadencia

  1. Ejecutar la indexación inicial bajo demanda (usando el modo moderate o fast para saltar cálculos pesados de embeddings semánticos):
    codebase-memory-mcp cli index_repository --repo-path "<ruta-canónica-del-repo>" --mode moderate
    
  2. Añadir un script de cadencia a package.json para refrescar el índice en hitos/commits importantes:
    {
      "scripts": {
        "cbm:update": "codebase-memory-mcp cli index_repository --repo-path . --mode moderate --persistence true"
      }
    }
    

Paso 4: Configurar Hooks de Git con Husky y Commitlint

Impone Commits Convencionales y garantiza que las suites de prueba se ejecuten antes de que el código pueda ser enviado a ramas remotas.

  1. Instalar Dependencias de Desarrollo:
    pnpm add -D husky @commitlint/cli @commitlint/config-conventional
    
  2. Configurar commitlint.config.mjs:
    export default {
      extends: ["@commitlint/config-conventional"],
    };
    
  3. Inicializar Husky:
    pnpm exec husky init
    
  4. Configurar el Hook commit-msg:
    echo "pnpm exec commitlint --edit \$1" > .husky/commit-msg
    
  5. Configurar el Hook pre-push: Obliga a ejecutar la suite de pruebas antes de permitir cualquier git push:
    echo "pnpm run test:all" > .husky/pre-push
    

    [!NOTE] Asegúrate de que los scripts de prueba en package.json incluyan banderas seguras (ej. --passWithNoTests) para que los repositorios sin archivos de prueba salgan con código 0 en lugar de romper los envíos. Nunca crear archivos de prueba de muestra/dummy en el workspace.


Paso 5: Configurar Contenedorización Docker Multi-Etapa de Producción

Configurar la contenedorización estrictamente para compilaciones y despliegues de producción independientes. El desarrollo local se ejecuta en la máquina anfitriona usando el gestor de paquetes nativo del proyecto.

5.1. Configurar .dockerignore

Excluir artefactos locales, historial de git y secretos:

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

5.2. Dockerfile Multi-Etapa

Crear una compilación multi-etapa de 3 etapas (dependencies → builder → runner) ejecutándose bajo un usuario seguro no root:

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. Pilas Docker Compose

  1. Compilación y Prueba 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. Pila Pre-Compilada de Producción (docker-compose.prod.yml): Extrae imágenes multi-arquitectura pre-compiladas directamente de GHCR sin código fuente:
    services:
      app:
        image: ghcr.io/<owner-minusculas>/<repo-minusculas>:${IMAGE_TAG:-latest}
        container_name: app-production
        restart: always
        ports:
          - "${PORT:-3000}:${PORT:-3000}"
        environment:
          - NODE_ENV=production
    

Paso 6: Configurar CI/CD Optimizado para Créditos y Automatización de Release Please

Automatizar versiones semánticas, changelogs y publicación multi-arquitectura (AMD64 y ARM64) en GitHub Container Registry a través de .github/workflows/release-please.yml:

Reglas de Diseño Core DevOps:

  1. Puerta de Pruebas Automatizada: Ejecuta las pruebas del proyecto en pull requests y commits a main.
  2. Automatización de Release Please: Automatiza incrementos de versión, changelogs y PRs de lanzamiento.
  3. concurrency.cancel-in-progress: false: Nunca cancelar flujos de trabajo de lanzamiento o despliegues de rama principal en curso.
  4. Matriz de Compilación Multi-Arquitectura de Dos Etapas: Compilar AMD64 y ARM64 en máquinas ejecutoras nativas (ubuntu-latest y ubuntu-24.04-arm) sin emulación QEMU. Empujar imágenes por digest.
  5. Fusión de Manifiestos Digest: Un trabajo merge-manifest downstream fusiona los digests AMD64 y ARM64 en una etiqueta multi-arquitectura unificada.
  6. Nombre de Repositorio en Minúsculas: Transformar siempre github.repository a minúsculas vía t

...

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 relacionados