react-component-builder

di AgentsRoomVerificato da AgentsRoomNessuna installazioneNessun likeAggiornato il 7 maggio 2026Categoria: Ingegneria

Cosa fa

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

L'installazione apre questa scheda nella tua app desktop AgentsRoom. Se l'app non è ancora installata, verrai portato alla pagina di 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)

Tag

frontendreacttypescript

Approfondimenti

Claude Ads: lo skill di Claude Code che audita i tuoi account pubblicitari

Claude Ads è uno skill open source per Claude Code che fa l'audit degli account pubblicitari su dodici piattaforme, da Google e Meta a Reddit e X, con una prova per ogni rilievo. Cosa fa la v2.1.0, come installarlo in sicurezza, i suoi limiti e come farlo girare in AgentsRoom.

AGENTS.md: un solo file di contesto per ogni agente di coding (Codex, Antigravity, Claude)

AGENTS.md è il file di istruzioni portabile che i tuoi agenti di coding leggono prima di toccare il codice. Cosa metterci dentro, in cosa si differenzia da CLAUDE.md e come tenere un unico contesto tra Codex, Antigravity e Claude.