{"id":"8a5c63ec-bd67-4c81-92bb-18bf9d50176e","slug":"sertxito-boost-frontend","kind":"skill","name":"boost-frontend","summary":"","owner":"Sertxito","repoUrl":"https://github.com/Sertxito/boost_frontend","license":"MIT","licenseTier":"permissive","trust":"community","stars":0,"match":null,"fewStars":true,"format":"skill","createdAt":"2026-07-03T21:07:49.000Z","addedAt":"2026-11-01T02:45:36.457Z","logoUrl":"https://avatars.githubusercontent.com/u/25170262?u=bc27f6b5d2b13925a1806fe7d1a174a460a3565e&v=4","linkOnly":false,"collection":null,"skillPath":null,"categories":["writing"],"tags":[],"runtime":"node","local":true,"cloudCapable":false,"cloudCapability":"unknown","cloudReadyOnPlatform":false,"needsApiKey":false,"reviewed":false,"syncedAt":"2026-11-01T02:56:27.436Z","sample":false,"url":"https://conduits.dev/tools/sertxito-boost-frontend","language":"JavaScript","transports":["stdio"],"install":{"npm":"boost-frontend"},"requirements":{"env":[],"upstreamMayCharge":false},"tools":null,"readme":"# Frontend Expert Boost\n\nConvierte Copilot y agentes en un equipo frontend senior/principal orientado a produccion: Angular, React, arquitectura, calidad, accesibilidad y performance.\n\nPaquete npm: `boost-frontend`.\n\n## Que incluye\n\n| Carpeta | Contenido |\n| --- | --- |\n| `agents/` | 10 agentes especializados: arquitectura, Angular, React, microfrontends, testing, a11y, performance, design system, migracion y revision de codigo |\n| `skills/` | 12 skills autoactivables con checklists operativos repetibles |\n| `instructions/` | Instrucciones de repositorio para GitHub Copilot |\n| `prompts/` | 13 prompts listos para uso frecuente en VS Code |\n| `specs/` | Contratos de calidad: arquitectura, seguridad, performance, a11y, observabilidad |\n| `templates/` | Templates para componentes, tests, ADRs, auditorias y planes |\n| `docs/` | Modelo operativo, referencias oficiales y matrices de enrutado |\n| `examples/` | Casos de uso y ejemplos de salida rellenados |\n\n## Estructura\n\n```text\nfrontend-expert-boost/\n├── AGENTS.md\n├── plugin.json\n├── agents/\n├── instructions/\n├── prompts/\n├── skills/\n├── specs/\n├── templates/\n├── examples/\n├── docs/\n└── .github/\n    └── copilot-instructions.md\n```\n\n## Instalacion\n\nEste 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.\n\n```bash\n# Desde la raiz de TU proyecto\nnpx github:Sertxito/boost_frontend\n# o, una vez publicado en npm\nnpx boost-frontend\n```\n\n| Activo | Se instala en |\n|---|---|\n| Agentes | `.github/agents/*.agent.md` |\n| Skills | `.github/skills/<nombre>/SKILL.md` y `.agents/skills/<nombre>/SKILL.md` |\n| Prompts | `.github/prompts/*.prompt.md` |\n| Instrucciones | `.github/instructions/*.instructions.md` |\n| Instrucciones globales | `.github/copilot-instructions.md` (solo si el proyecto no tiene) |\n\nOpciones: `--target <dir>`, `--force` (sobrescribir), `--dry-run`, `--no-agents-dir` (omite `.agents/skills`), `--check` (verifica la instalacion), `--uninstall`.\nNunca se sobrescriben archivos existentes sin `--force`, asi que varios boosts conviven en el mismo proyecto.\n\n**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.\n\n## Arranque rapido\n\n1. Abre el repo en VS Code.\n2. Revisa [`.github/copilot-instructions.md`](.github/copilot-instructions.md) — se activa automaticamente en Copilot.\n3. Lanza un prompt desde `prompts/` segun lo que necesites.\n4. Invoca un agente por nombre para foco experto.\n5. Ajusta los `specs/` a tu stack antes de usar en produccion.\n\n## Agentes disponibles\n\n| Agente | Cuando usarlo |\n| --- | --- |\n| `FrontendPrincipalArchitect` | Arquitectura, boundaries, microfrontends, estado, despliegue |\n| `AngularExpertAgent` | Features Angular: signals, standalone, lazy, deferrable views |\n| `ReactExpertAgent` | Features React: hooks, composition, Suspense, App Router |\n| `FrontendCodeReviewAgent` | Revision de PR: severidad, riesgo residual, quality gates |\n| `AccessibilityAuditorAgent` | Hallazgos WCAG AA + plan de remediacion |\n| `PerformanceAuditorAgent` | Core Web Vitals, bundle, telemetria y observabilidad |\n| `TestingStrategistAgent` | Estrategia de pruebas y quality gates CI |\n| `DesignSystemArchitectAgent` | Tokens, componentes base y governance |\n| `MicrofrontendArchitectAgent` | Federacion, contratos host-remote, deploy independiente |\n| `FrontendMigrationModernizationAgent` | Migracion incremental sin big-bang |\n\nVer la [matriz de enrutado completa](docs/operating-model.md#matriz-de-enrutado-de-agentes) y el [playbook prompt → template](docs/operating-model.md#playbook-prompt--template) en `docs/operating-model.md`.\n\n## Filosofia\n\nProduction 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.\n\n## Evals\n\n```bash\nnpm run evals   # smoke evals del boost\nnpm run quality # validacion JSON + evals; bloquea antes de publicar\n```\n\n## Personalizacion recomendada\n\n- `specs/frontend-architecture.spec.md` → tu stack real.\n- `specs/design-system.spec.md` → tus tokens y componentes.\n- `specs/security-auth.spec.md` → Entra ID / MSAL / OAuth2 segun aplique.\n- `templates/adr-template.md` → tu formato de decisiones.\n\n## Profundiza\n\n- [docs/operating-model.md](docs/operating-model.md) — modelo operativo, matrices de agentes, playbook y specs.\n- [docs/official-references.md](docs/official-references.md) — fuentes oficiales Angular, React, TypeScript, a11y, performance y seguridad.\n- [examples/use-cases.md](examples/use-cases.md) — prompts de referencia por escenario.\n- [examples/skills-use-cases.md](examples/skills-use-cases.md) — ejemplos de uso por skill.\n\n## Naming and collisions\n\nInstalled 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.\n\n- 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.\n- An existing `.github/copilot-instructions.md` is kept; the boost's global guidance is installed as `frontend-global.instructions.md` instead.\n- Re-running the installer is safe; `--check` and `--uninstall` work from the manifest.\n\r\n"}