react-component-builder

par AgentsRoomVérifié par AgentsRoomAucune installationAucun likeMis à jour le 7 mai 2026Catégorie : Ingénierie

Ce que ça fait

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

L'installation ouvre cette fiche dans votre application AgentsRoom. Si l'application n'est pas encore installée, vous serez redirigé vers la page de téléchargement.

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)

Pour aller plus loin

Claude Ads : le skill Claude Code qui audite tes comptes publicitaires

Claude Ads est un skill open source pour Claude Code qui audite les comptes publicitaires de douze plateformes, de Google et Meta à Reddit et X, avec une preuve pour chaque constat. Ce que fait la v2.1.0, comment l'installer sans risque, ses limites, et comment le faire tourner dans AgentsRoom.

AGENTS.md : un seul fichier de contexte pour tous tes agents de code (Codex, Antigravity, Claude)

AGENTS.md, c'est le fichier d'instructions portable que tes agents de code lisent avant de toucher à ton code. Ce qu'il faut y mettre, en quoi il diffère de CLAUDE.md, et comment garder un seul contexte entre Codex, Antigravity et Claude.