my-claude-code-skills

Use this skill whenever the user is building or scaffolding a new Flutter or Dart mobile app, adding any Flutter feature, screen, page, view model, use case, repository, or API/backend call, setting up Flutter push notifications or deep links, or mapping/refactoring an existing Flutter project toward a layered clean architecture — EVEN WHEN the user never names the architecture, rx_notifier, MVVM, clean architecture, get_it, dio, drift, or go_router. It applies the moment the work touches Flutter app structure: a request like "add a login screen", "fetch data from this endpoint", "create a settings feature", "wire up FCM", "open this screen from a notification", or "clean up my Flutter project" is in scope. This skill is THE way to produce Flutter code in this codebase shape: rx_notifier Controller view models, AbstractUseCase with Either<AppError,T> error handling, I*Repository interface/impl pairs, a tiered dio gateway, get_it dependency injection, drift TTL cache, and go_router navigation. Prefer it over a

Knowledge graph semântico da codebase via MCP. Mapeia arquitetura, analisa blast-radius de mudanças e faz code review com até 8x menos tokens. Usa Tree-sitter (24 linguagens) + SQLite.

Mantém uma knowledge base persistente no Obsidian seguindo o pattern Karpathy LLM Wiki — ingest de sources, query sobre wiki compilado, lint de saúde. Dispara quando o usuário pede "ingest", "alimenta o wiki", "atualiza wiki", "consulta wiki", "lint wiki", "/wiki-ingest", "/wiki-query", "/wiki-lint", "que sabemos sobre X", "compila X no wiki", "adiciona ao wiki", ou ao salvar uma nova source em References/.

Analisa projetos Stitch e sintetiza design system semântico em arquivos DESIGN.md.

Transforma ideias vagas de UI em prompts polidos e otimizados para Stitch.

Design system e style guide configurável para projetos frontend. Use SEMPRE que criar componentes, páginas ou UI em React/Next/Angular/Vue.

Protótipos hi-fi, demos interativos, animações e exploração de variantes de design em HTML. Anti-AI-slop.

Converte designs Stitch em componentes Vite + React modulares com validação AST.

Gera vídeos walkthrough de projetos Stitch via Remotion com transições suaves.

Guia especializado para integração e construção com componentes shadcn/ui.

Entry point para trabalho de design com Google Stitch — geração de telas hi-fi e síntese de design system.

Loop autônomo de construção de sites via Google Stitch com baton-passing entre iterações.

Design system semântico para Google Stitch — padrões premium: tipografia, cor, layouts assimétricos, micro-motion.

REST API design em escala: resource naming, status codes, pagination, filtering, versioning, rate limiting.

Padrões de arquitetura backend para Node.js, Express, Next.js API routes — service layers, error handling, validation.

Playwright E2E testing: Page Object Model, configuração, CI/CD, artifact handling, flaky test strategies.

Padrões frontend para React, Next.js — state management, hooks, performance, client/server boundary.

Detecta e previne N+1 de queries SQL e chamadas HTTP/serviço redundantes dentro de uma mesma request. Use ao revisar endpoints, escrever ORM (Django/SQLAlchemy/Prisma), suspeitar de latência por loop de queries, ou ao montar guardrails de teste que travam o nº máximo de queries por rota. Triggers: "N+1", "query count", "queries demais", "eager loading", "select_related", "prefetch", "DataLoader", "loop de queries".

Headless Chrome em Rust (~30 MB) compatível com Playwright/Puppeteer via CDP. Para scraping, E2E e automação com stealth.

PostgreSQL: query optimization, schema design, indexing, segurança (RLS, roles). Baseado em Supabase best practices.

Valida e previne race conditions em handlers concorrentes: double-submit, TOCTOU, lost update, check-then-act. Use ao escrever endpoints que mutam estado compartilhado (saldo, estoque, idempotência, status), revisar código concorrente/async, ou montar testes que disparam requests simultâneas e afirmam invariantes. Triggers: "race condition", "concorrência", "double submit", "lost update", "TOCTOU", "idempotência", "lock", "SELECT FOR UPDATE".

Converte artifacts de planejamento Markdown (PLAN.md, REVIEW.md, tasks.md, etc.) em dashboard HTML self-contained com sidebar, status pills, mermaid e syntax highlighting.

Test-driven development com loop red-green-refactor. Para features e bugfixes com disciplina TDD.

Modo de comunicação ultra-comprimido — reduz tokens ~75% mantendo precisão técnica.

Loop disciplinado de diagnóstico para bugs difíceis e regressões de performance.

Descobre e instala agent skills via npx skills. Para encontrar skills que fazem X ou estender capacidades.

Entrevista o usuário sobre um plano ou design até atingir entendimento compartilhado.

Desafia o plano contra o domain model existente, afina terminologia e atualiza docs (CONTEXT.md, ADRs) inline.

Comprime a conversa atual em documento de handoff para outro agente continuar.

Encontra oportunidades de melhoria arquitetural informadas pelo domain language em CONTEXT.md e ADRs.

Constrói um protótipo throwaway para validar design antes de commitar. Rotas: app terminal (lógica) ou variações de UI.

Quebra um plano ou PRD em issues independentes com tracer-bullet vertical slices.

Converte o contexto atual da conversa em um PRD publicado no issue tracker.

Triagem de issues por state machine com papéis de triage.

Cria novas agent skills com estrutura adequada, progressive disclosure e recursos bundled.

Dá um passo atrás para ver o quadro geral antes de continuar implementando.