react-component-builder

por AgentsRoomVerificado pela AgentsRoomSem instalaçõesSem likesAtualizado em 7 de maio de 2026Categoria: Engenharia

O que ele faz

Use when creating new React components. Generates them with TypeScript, Tailwind, and colocated tests.

A instalação abre esta ficha no seu app de desktop AgentsRoom. Se o app ainda não estiver instalado, você será levado à página de download.

SKILL.md

---
name: react-component-builder
description: Use when creating new React components. Generates them with TypeScript, Tailwind, and colocated tests.
---

# React component builder

When asked to create a new component:

1. Place it in `src/components/<Name>.tsx` unless told otherwise.
2. Use `forwardRef` if the component accepts a `ref` prop.
3. Type props with an exported interface named `<Name>Props`.
4. Style with Tailwind utility classes.
5. Add a colocated `<Name>.test.tsx` covering the happy path and one edge case.

Avoid:
- `React.FC` (prefer typed function declarations)
- Index re-exports unless explicitly requested
- Inline objects in JSX props (extract to `useMemo` if needed)

Para se aprofundar

Claude Ads: o skill do Claude Code que audita suas contas de anúncios

Claude Ads é um skill open source para o Claude Code que audita contas de anúncios em doze plataformas, do Google e Meta ao Reddit e X, com uma evidência para cada achado. O que a v2.1.0 faz, como instalá-lo com segurança, seus limites e como rodá-lo no AgentsRoom.

AGENTS.md: um único arquivo de contexto para todo agente de código (Codex, Antigravity, Claude)

AGENTS.md é o arquivo de instruções portátil que seus agentes de código leem antes de tocar no seu código. O que colocar nele, como ele se diferencia do CLAUDE.md e como manter um único contexto entre Codex, Antigravity e Claude.