feat(agents): add ux-ui-designer subagent (UX/UI, a11y, SEO, PWA)#18
Merged
Conversation
…ills Add a frontend design specialist that collaborates with frontend-developer without overlapping: - New subagent .claude/agents/ux-ui-designer.md (UX/UI, accessibility WCAG 2.2 AA, SEO, PWA) oriented to the real stack (Angular 21 + Bootstrap 5 + ng-bootstrap). - Three skills: frontend-design (aesthetics + design tokens), web-design-review (a11y/SEO/UX audit), angular-pwa-seo (manifest, service worker, meta/JSON-LD). - Orchestration: AGENTS.md gains a Frontend split section and a design->build-> review workflow; apps/front/AGENTS.md documents the layer ownership boundary; frontend-developer.md told to consume tokens and defer design. Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Qué
Añade un nuevo subagente de frontend especializado en UX/UI, accesibilidad, SEO y PWA que colabora con
frontend-developersin pisarse.Nuevo subagente
.claude/agents/ux-ui-designer.md— Senior UX/UI Designer orientado al stack real (Angular 21 + Bootstrap 5 + ng-bootstrap + Lineicons, no Material/Tailwind). Dueño de la capa de experiencia: design tokens, layout responsive mobile-first, accesibilidad (WCAG 2.2 AA / ARIA), SEO (Title/Meta por ruta, OG/Twitter, JSON-LD, Core Web Vitals) y PWA (manifest, service worker, offline).Skills nuevas
.claude/skills/frontend-design/SKILL.md— diseño estético + sistema de design tokens (light/dark mapeados sobre--bs-*), 8 filosofías de diseño, mobile-first, motion..claude/skills/web-design-review/SKILL.md— auditoría a11y / SEO / UX / performance con salida tersefile:line(basada en las Web Interface Guidelines de Vercel + el design-review dedesigner-skills)..claude/skills/angular-pwa-seo/SKILL.md— setup/auditoría de PWA y SEO para Angular, con contratos que entrega afrontend-developer.Orquestación (cómo evitan pisarse)
AGENTS.md— añadido a la tabla de subagentes, nueva sección "Frontend split" y el workflow ahora intercala diseño → desarrollo → review.apps/front/AGENTS.md— documenta el límite de propiedad de capas + nota del stack real..claude/agents/frontend-developer.md— instruido a consumir tokens y no inventar sistema visual.Carriles: el diseñador edita estilos/tokens,
index.html, manifest/ngsw-config, robots/sitemap, claves i18n y el markup de plantillas (semántica/ARIA/clases/alt); el desarrollador, la lógica (signals, routing, forms, servicios, tests). Cuando el diseñador necesita lógica, entrega un spec con contratos. El orquestador los secuencia para que nunca editen el mismo archivo a la vez.Inspiración
Anthropic
frontend-design, Vercelweb-interface-guidelinesy el repodesigner-skills(material de referencia, no incluido en el commit por ser un repo embebido).Verificación
prettier --check✅🤖 Generated with Claude Code