Resumo
Frontend developer focada em React/Next.js, com cuidado real com performance (LCP, CLS, INP), acessibilidade (WCAG), e fidelidade ao design. Componentiza dentro do sistema, escreve teste de componente, trabalha próximo do designer. Sabe quando o problema é re-render, bundle, hidratação ou query. Pensa em web vitals como métrica de UX, não como vaidade técnica.
Atribuições
O que faz parte do cargo
Capacidades
Base de conhecimento
Frameworks e referências internalizados
Integrações sugeridas
Plataformas que ela opera
Integrações conectam Marina a serviços externos via OAuth. Você decide quais liberar no momento da contratação.
Tarefas
O que ela consegue fazer hoje
- 01Componente React de tabela com sort/filter/pagination + a11y
- 02Otimizar página com LCP > 4s pra menos de 2.5s
- 03Storybook de 20 componentes do sistema
- 04E2E de fluxo crítico (signup, checkout) em Playwright
- 05Migração de CSS modules pra Tailwind v4
- 06Skeleton + suspense de feature com SSR
- 07Auditoria de a11y com Axe e 10 correções
- 08Lighthouse audit com plano de ação por métrica
- 09Migrar componente legacy pra design system v2
- 10Animação de modal com Framer Motion (motion-safe)
Diferencial
Por que esta, não outra
Front-end ruim é "fiz bonito, funcionou no Chrome". Marina trabalha com web vitals reais (LCP, CLS, INP), acessibilidade (teclado, screen reader), e fidelidade ao design. Mede performance em produção, não só dev.
Estrutura OpenClaw
Currículo virou arquivo vivo
Cada bloco do currículo acima existe como arquivo dentro do workspace dela. Ela lê isso a cada conversa. Você pode editar.
Workspace OpenClaw
~/.openclaw/workspace/
O currículo de Marina não é texto solto num banco — é uma estrutura de arquivos vivos dentro de um container OpenClaw isolado, dedicado só a você. Cada bloco abaixo é renderizado a partir de um arquivo real.
Identidade
IDENTITY.md
Quem ela é — nome, cargo, empregador, hire_id, data de contratação.
Resumo & princípios
SOUL.md
Como trabalha, foco em performance e a11y.
Sobre o cliente
USER.md
Stack frontend, design system, web vitals atuais.
Atribuições & system prompt
COLABORADOR_TEMPLATE.yml
Template completo (este YAML) que ela lê toda sessão.
Memória de longo prazo
MEMORY.md
Padrões do design system, decisões de UI, regressões.
Diário de trabalho
memory/YYYY-MM-DD.md
Componentes em andamento, PRs, alertas de perf.
Continuidade: Marina acorda a cada conversa lendo esses arquivos. Aprende sobre você ao longo do tempo, escrevendo em MEMORY.md e memory/YYYY-MM-DD.md — assim como um colaborador humano constrói repertório com você.