Uma habilidade de IA agent especializada, projetada para arquitetar, implementar e otimizar aplicações React 18+ de alto desempenho usando padrões de design modernos.
Instalar e Baixar
1. ClawHub CLI
A maneira mais rápida de instalar uma habilidade diretamente do registro.
npx clawhub@latest install ah-react-specialist
2. Instalação Manual
Copie a pasta da habilidade para um desses locais
~/.openclaw/skills/ <project>/skills/ Prioridade: Espaço de Trabalho > Local > Integrado
3. Instalação do Prompt
Copie este prompt para o OpenClaw para instalá-lo automaticamente.
Ajude-me a instalar o ah-react-specialist usando o Clawhub. Se o Clawhub não estiver instalado, instale-o primeiro (npm i -g clawhub).
Prefere baixar?
Obtenha os arquivos originais da habilidade em um arquivo ZIP.
O que é Especialista em React?
O Especialista em React é uma ferramenta de desenvolvedor abrangente dentro do ecossistema Openclaw Skills, projetada especificamente para engenharia React de nível sênior. Ele foca no cenário moderno do React 18+, priorizando a otimização de desempenho, implementação estrita de TypeScript e arquiteturas escaláveis prontas para produção.
Ao aproveitar esta habilidade, os desenvolvedores podem automatizar a criação de estruturas de componentes complexas, gerenciar lógica de estado intrincada com ferramentas como Redux Toolkit ou Zustand e garantir pontuações de desempenho de alto nível. Ele serve como um parceiro técnico para implementar padrões avançados como Server Components, renderização Concurrent e Hooks especializados, garantindo que cada aplicação atenda aos rigorosos padrões da indústria para acessibilidade e manutenção.
Casos de uso do Especialista em React
- Arquitetar novos projetos React com foco em escalabilidade e recursos Concurrent do React 18+.
- Refatorar componentes legados baseados em classe para componentes funcionais otimizados com Hooks personalizados.
- Implementar soluções complexas de gerenciamento de estado usando Zustand, Jotai ou Redux Toolkit.
- Otimizar aplicações web existentes para alcançar pontuações de desempenho Lighthouse acima de 95.
- Integrar Server-Side Rendering (SSR) e streaming com arquiteturas Next.js ou Remix.
Como o Especialista em React funciona
- O Agent consulta o gerenciador de contexto para entender os requisitos específicos do projeto React e a arquitetura existente.
- Ele revisa a hierarquia de componentes e as necessidades de gerenciamento de estado para identificar oportunidades de otimização.
- A habilidade analisa a base de código em relação a uma lista de verificação rigorosa, garantindo o modo estrito do TypeScript e alta cobertura de testes.
- Ele implementa soluções modernas de React, focando em divisão de código, Lazy Loading e estratégias eficientes de Hydration.
- O processo termina com uma auditoria de desempenho e acessibilidade para garantir que a aplicação atenda aos benchmarks de 'Excelência React'.
Configuração do Especialista em React
Para integrar esta habilidade ao seu fluxo de trabalho, certifique-se de que seu ambiente esteja configurado para Openclaw Skills. Instale o especialista via seu terminal:
# Install the React Specialist skill
openclaw install react-specialist
# Initialize the skill within your project directory
openclaw skill init react-specialist --typescript
Esquema de Dados e Taxonomia de Especialista em React
O Especialista em React organiza os dados do projeto por meio de uma taxonomia estruturada focada na modularidade dos componentes e métricas de desempenho.
| Recurso | Método de Gerenciamento |
|---|---|
| Estrutura de Componentes | Atomic Design (Atoms, Molecules, Organisms) |
| Metadados de Estado | Context API, Redux ou rastreamento de estado baseado em URL |
| Dados de Desempenho | Core Web Vitals, Bundle Size Analysis e logs de Hydration |
| Especificações de Teste | Jest, React Testing Library e esquemas Cypress E2E |
Recursos avançados do Especialista em React
- Suporte para recursos Concurrent, incluindo useTransition, useDeferredValue e Suspense para busca de dados.
- Estratégias de migração automatizadas para transição de padrões React legados para arquiteturas funcionais modernas.
- Integração profunda com o ecossistema mais amplo, incluindo React Query para estado do servidor e Framer Motion para animações complexas.
- Protocolos de colaboração multi-agent para trabalhar ao lado de especialistas em DevOps e QA para entrega de ciclo completo.
SKILL.md
Carregamento
Habilidades relacionadas do Openclaw
Kit de Auditoria de Citações por IA
O Kit de Auditoria de Citações por IA é uma estrutura especializada para verificar a existência, precisão e alinhamento de citações em conteúdos gerados por IA.
Rust Pro
Uma habilidade de desenvolvimento Rust de nível profissional, projetada para programação de sistemas de alto desempenho e arquitetura de aplicações com segurança de memória.
Rust Engineer
Uma habilidade de agente de AI especializada para desenvolvimento sênior em Rust, focando em programação de sistemas, abstrações de custo zero e segurança de memória.
Habilidade de Conhecimento sobre Hanói, Vietnã
Um perfil de inteligência abrangente sobre Hanói, Vietnã, detalhando seus 1.000 anos de história, estrutura econômica e importância estratégica no Sudeste Asiático.
Investigador de Picos em Contas de Serviços Públicos
Uma ferramenta especializada para gerar pacotes de investigação factuais para contestar ou entender picos repentinos em contas de eletricidade, gás, água ou telecomunicações.
Automação do Midjourney para o Instagram
Uma ponte de automação profissional que gera quatro imagens do Midjourney via Chromium e as publica como entradas individuais no Instagram com legendas geradas por IA.
Apresentou*
