Design e Frontend

Requires fresh verification evidence before claiming work is complete, fixed, passing, safe, ready, merged, or clean. Use before completion claims, commits, PRs, merge readiness, or moving to the next task.

Run evaluation pipelines on Claude Code skills to test triggering accuracy, workflow correctness, and output quality. Spawns executor, grader, comparator, and analyzer sub-agents for parallel evaluation. Generates eval_metadata.json, grading.json, and feedback reports. Use when user says "eval skill", "test skill", "run evals", "evaluate skill", "skill evals", "test skill quality", "run skill test

Reviews UI/UX designs, wireframes, and design systems for usability, accessibility, consistency, and implementation feasibility. Use when reviewing design specs or when the user mentions design review, UX review, or design feedback.

Provides Angular best practices for components, modules, services, and reactive patterns. Use when working with Angular TypeScript files, component templates, NgModules, RxJS observables, or when the user mentions Angular, ng, or Angular CLI.

Provides Tailwind CSS v4 patterns for CSS-first configuration, container queries, design tokens, and utility-first component architecture. Use when working with Tailwind CSS files or when the user mentions Tailwind, Tailwind v4, or utility-first CSS.

Provides microservices design patterns for service decomposition, API gateway, circuit breakers, saga orchestration, and inter-service communication. Use when designing or implementing microservices architecture.

Padrões React/Vue agnósticos a frameworks — composição de componentes, hooks, TanStack Query, memoização, error boundaries. Use para trabalho genérico com React/Vue (Vite, CRA, Storybook); para Next.js App Router / Server Components, use `senior-frontend`.

Provides Docker and Docker Compose patterns including multi-stage builds, networking, volumes, and production configurations. Use when working with Dockerfile or docker-compose.yml, or when the user mentions Docker, containers, or containerization.

Design RESTful APIs with best practices for consistency and usability

Audit and validate existing Claude Code skills for quality, triggering accuracy, structure compliance, and best practices. Scores skills on a 0-100 scale and provides prioritized improvement recommendations. Use when user says "review skill", "audit skill", "check skill", "validate skill", or "skill quality".

Orquestra uma equipe de recursos multifuncional composta por gerente de produto, designer de UX, desenvolvedor frontend, desenvolvedor backend e engenheiro de QA para entregar um recurso completo, da especificação à implementação testada. Use quando um recurso exige entrega coordenada de pilha completa.

Fornece padrões de integração de componentes shadcn/ui, temas e composição de sistemas de design para projetos React. Use ao trabalhar com shadcn/ui ou quando o usuário mencionar shadcn, shadcn/ui ou a criação de uma biblioteca de componentes.