react-component-builder

作者：AgentsRoomAgentsRoom 已驗證尚無安裝尚無按讚更新於 2026年5月7日分類：工程

它能做什麼

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

安裝會在你的 AgentsRoom 桌面版開啟這個條目。如果還沒有安裝應用，你會被帶到下載頁面。

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)

標籤

frontendreacttypescript