Frontend Expert Boost

Convierte Copilot y agentes en un equipo frontend senior/principal orientado a produccion: Angular, React, arquitectura, calidad, accesibilidad y performance.

Paquete npm: boost-frontend.

frontend-expert-boost/
├── AGENTS.md
├── plugin.json
├── agents/
├── instructions/
├── prompts/
├── skills/
├── specs/
├── templates/
├── examples/
├── docs/
└── .github/
    └── copilot-instructions.md

Este boost es autocontenido: no necesita runtime, plugin ni servidor MCP. Un solo comando copia sus activos a las rutas donde GitHub Copilot / VS Code los descubren automaticamente.

# Desde la raiz de TU proyecto
npx github:Sertxito/boost_frontend
# o, una vez publicado en npm
npx boost-frontend

Opciones: --target <dir>, --force (sobrescribir), --dry-run, --no-agents-dir (omite .agents/skills), --check (verifica la instalacion), --uninstall. Nunca se sobrescriben archivos existentes sin --force, asi que varios boosts conviven en el mismo proyecto.

Verifica: ejecuta npx boost-frontend --check, recarga VS Code (Developer: Reload Window) y escribe @ en Copilot Chat (agentes), / (prompts) y abre el selector de skills.

1. Abre el repo en VS Code.
2. Revisa .github/copilot-instructions.md — se activa automaticamente en Copilot.
3. Lanza un prompt desde prompts/ segun lo que necesites.
4. Invoca un agente por nombre para foco experto.
5. Ajusta los specs/ a tu stack antes de usar en produccion.

Ver la matriz de enrutado completa y el playbook prompt → template en docs/operating-model.md.

Production first. TypeScript strict. Accesibilidad por defecto. Performance medible. Arquitectura modular. Testing realista. Decision records para cambios estructurales. Cero humo: si algo no cuadra, el agente debe decirlo.

npm run evals   # smoke evals del boost
npm run quality # validacion JSON + evals; bloquea antes de publicar

• specs/frontend-architecture.spec.md → tu stack real.
• specs/design-system.spec.md → tus tokens y componentes.
• specs/security-auth.spec.md → Entra ID / MSAL / OAuth2 segun aplique.
• templates/adr-template.md → tu formato de decisiones.

• docs/operating-model.md — modelo operativo, matrices de agentes, playbook y specs.
• docs/official-references.md — fuentes oficiales Angular, React, TypeScript, a11y, performance y seguridad.
• examples/use-cases.md — prompts de referencia por escenario.
• examples/skills-use-cases.md — ejemplos de uso por skill.

Installed assets are prefixed with frontend- (e.g. .github/agents/frontend-<name>.agent.md, .github/skills/frontend-<name>/) so several boosts can live in the same project, and internal references are rewritten to match.

• Nothing that already exists in the target is overwritten: each ignored file is reported with a [WARN] ... already existed ... IGNORED message. Use --force to overwrite.
• An existing .github/copilot-instructions.md is kept; the boost's global guidance is installed as frontend-global.instructions.md instead.
• Re-running the installer is safe; --check and --uninstall work from the manifest.