Next.js 14 · Supabase · Stripe · Vercel
perfil: saas-nextjs
Consulta
M
Marcos · NutriTrack  ·  nuevo usuario ECC
"Hola, acabo de clonar el repositorio ECC y no sé por dónde empezar. Trabajamos con Next.js 14, Supabase y Stripe. ¿Qué partes me convienen instalar y cómo funciona todo esto?"
Respuesta del agente ECC
ECC
ECC Guide  ·  Inspeccionando repositorio en vivo...
🗺
Mapa del repositorio
referencia

ECC tiene 5 superficies principales. Aquí lo que encontrarás en cada una:

skills/
Flujos de trabajo reutilizables y playbooks de dominio. Son el camino principal — úsalos con /skill-name. 84 disponibles.
skills/*/SKILL.md
commands/
Shims de compatibilidad de slash-commands. Solo úsalos si necesitas comportamiento específico de command slash. 23 disponibles.
commands/*.md
agents/
Prompts de roles de sub-agentes para delegar tareas especializadas. Útiles en flujos multi-agente. 12 disponibles.
agents/*.md
hooks/
Comportamiento automatizado y safety gates que se ejecutan en eventos de Claude Code (pre-commit, post-tool, etc).
hooks/hooks.json
rules/
Reglas de lenguaje y harness que afectan el comportamiento del modelo. Se aplican globalmente al proyecto.
rules/*.md
manifests/
Perfiles de instalación selectiva: minimal, saas-nextjs, full. Definen qué components/skills instalar según tu stack.
manifests/install-*.json
Skills recomendadas para tu stack
Next.js · Supabase · Stripe
✓ Detectado: Next.js 14 (App Router) + Supabase + Stripe
/shopify-storefront-graphql
Manejo de queries y mutaciones con type safety — aplica al cliente Supabase
ALTA
/code-review
Revisión de PR: correctness bugs + simplificación; clave para lanzamiento
ALTA
/security-scan
Inspección de config Claude/harness + CLAUDE.md; obligatorio con Stripe en prod
ALTA
/analytics-tracking
PostHog + Stripe events; definición de eventos de conversión y retención
MEDIA
/ab-test-setup
Configuración de experimentos para onboarding y pricing; PostHog flags
MEDIA
/verify
Verificar que un cambio funciona ejecutando la app real antes de hacer push
MEDIA
Skills = camino principal. Commands solo cuando necesitas comportamiento explícito de slash. Agents cuando la tarea puede delegarse a un sub-agente especializado.
📦
Plan de instalación
perfil: saas-nextjs
Campo Valor detectado
Stack detectado Next.js 14 App Router · Supabase Auth · Stripe Subscriptions · Vercel · Vitest + Playwright
Target harness claude (Claude Code CLI)
Perfil recomendado saas-nextjs recomendado
Components incluidos skills/core · skills/nextjs · skills/supabase · skills/payments · hooks/safety · rules/typescript
Rutas que modificará .claude/ · CLAUDE.md · .claude/hooks.json
Requiere aprobación Sí — confirmar antes de apply
bash · dry-run (sin cambios) copiar
# 1. Ver qué incluiría el perfil node scripts/install-plan.js --profile saas-nextjs --target claude --json # 2. Dry-run — muestra cambios sin aplicar node scripts/install-apply.js --profile saas-nextjs --target claude --dry-run # 3. Si confirmas → aplicar node scripts/install-apply.js --profile saas-nextjs --target claude
No mezcles instalación por plugin con instalación completa manual/perfil. Si ya tienes ECC via plugin, usa --skills <id> para añadir skills específicas sin duplicar superficies.
Próximos pasos para Marcos
  • 1
    Ejecutar dry-run del plan de instalación
    Revisa qué paths va a tocar antes de aplicar. Ningún cambio hasta que confirmes.
    node scripts/install-apply.js --profile saas-nextjs --target claude --dry-run
  • 2
    Onboarding específico del proyecto
    Detecta tu stack, inspecciona el CLAUDE.md existente y genera configuración mínima específica para NutriTrack.
    /project-init
  • 3
    Verificar salud del harness
    Comprueba que todo está correctamente instalado y sin conflictos.
    npm run harness:audit -- --format text
  • 4
    Activar las skills de seguridad primero
    Con Stripe en producción, ejecuta security-scan antes de cualquier deploy.
    /security-scan
  • 5
    Explorar skills de tu dominio
    Busca skills específicas para Next.js App Router y Supabase Auth en el catálogo.
    node scripts/ci/catalog.js --json | grep -i supabase
Respuesta generada inspeccionando archivos reales del repositorio, no memoria del modelo. ECC cambia rápidamente — siempre leer antes de responder.