Design e Frontend

Comprehensive architecture patterns, methodologies, quality frameworks, and evaluation methods for solution architects. Load when designing system architecture or selecting patterns.

Domínio completo das bibliotecas e dependências essenciais do desenvolvimento web moderno, incluindo Next.js, React, TypeScript e Tailwind CSS. Abrange configuração, integração, uso avançado, otimização de desempenho e solução de problemas.

Analisa designs do Figma para prontidão de implementação de código e paridade entre design e código. Use ao trabalhar com URLs do Figma, analisar designs de componentes ou verificar a consistência de tokens.

Orientação de melhores práticas para o monorepo SojuStack (NestJS + Drizzle + Better Auth + TanStack Start). Utilize ao editar arquivos em apps/api ou apps/web, projetar rotas, padrões de consulta/formulário, fluxos de autenticação/transação ou implementar recursos entre stacks.

Review dimensions and bug patterns for journey artifact reviews

Structured divergent thinking techniques — HMW framing, SCAMPER, Crazy 8s mechanics, and option diversity guarantees. Enforces strict separation of generation and evaluation phases.

Data architecture patterns (warehouse, lake, lakehouse, mesh), ETL/ELT pipelines, streaming architectures, scaling strategies, and schema design patterns

BDD requirements discovery methodology - Example Mapping, Three Amigos, conversational patterns, Given-When-Then translation, and collaborative specification

Aplica a estética cyberpunk de Shadowrun a componentes de UI, como fichas de personagem, painéis de equipamento e diálogos modais. Combina princípios de design sistemático com a linguagem visual distinta do Sexto Mundo para interfaces com tema SR.

Design mandates for acceptance tests - hexagonal boundary, business language abstraction, user journey completeness, pure function extraction, 3 Pillars (domain language / chained narrative / production composition), and the layered ATD discipline (Universe-bound assertion, layer-dependent PBT mode, two-tier acceptance, example-based sad paths)

Demonstration preparation, audience-tailored presentations, feedback collection, and business outcome measurement. Load when preparing demos or measuring business value delivery.

Architectural style selection decision matrices, trade-off analysis, structural enforcement rules, and combination patterns. Load when choosing or evaluating architecture styles.