Design e Frontend

Build or assess a growth model covering acquisition, activation, retention, referral, and revenue (AARRR). Use this skill when a team needs to understand their growth levers and where to focus.

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

Alterne entre versões alternativas de componentes React ao vivo, usando uma barra de ferramentas flutuante em formato de pílula. Use ao comparar alternativas de design em um protótipo implantado, ou quando o usuário mencionar reversão, alternador de variantes, alternância de versão, comparar versões, barra de ferramentas de visualização A/B ou alternador de design.

Recupera documentação atualizada, referências de API e exemplos de código para qualquer tecnologia de desenvolvedor. Esta skill é essencial para consultas sobre bibliotecas, frameworks, SDKs, ferramentas CLI ou serviços de nuvem, especialmente porque os dados de treinamento podem estar desatualizados.

Backfill @spec annotations on existing code for an APPROVED spec (or --all specs)

Use when the user wants to learn a topic deeply — asks for a curriculum, learning path, self-study plan, study guide, syllabus, or says teach me X. Generates a structured, adaptive curriculum directory of markdown modules (ELI5 → Core Concepts → Deep Dive → Supporting Material → Understanding Check) plus an append-only JSONL assessment log that adapts future modules to the learner's answers. Tailo

Structure a product dashboard that supports consistent, fast decision-making. Use this skill when a team needs to design or improve a product metrics dashboard.

Use this skill for any architecture, system design, or major technical decision task. Triggers on: "design the system", "architecture for", "how should we structure", "ADR", "architecture decision", "data model", "API design", "system diagram", "technical design", "non-functional requirements", "how should this be built", "what pattern should we use", "scalability", "integration design". Use befor

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.

Especialista em internacionalização de frontend de alta performance. Suporta extração precisa de strings e análise de localidade via AST Tree-sitter, auditoria de cobertura completa, sincronização automatizada, limpeza de teclas mortas e auditorias de qualidade de nível especializado.

Create an agent team to analyze data engineering architectural changes from multiple perspectives (performance, architecture/design patterns, data quality). Teammates work in parallel to review changes, then synthesize findings into a design document with recommendations.

Generate clean architecture and system-design diagrams as SVG files. Use this skill whenever the user wants to visualise how services, systems, or components connect: migration diagrams, current-state vs target-state architectures, integration maps, data-flow diagrams, platform overviews, or any diagram that shows technology boxes with arrows between them. Triggers on phrases like: "draw a diagram