new-component

Say "make a button" and get component, test & Storybook files instantly, matching your project's PascalCase.

Updated 2026-08-12 · Source https://github.com/gaia-react/gaia/tree/HEAD/.claude/skills/new-compon…

What does this skill do?

Scaffold a new React component with optional Storybook story and Vitest test files. Use this skill whenever the user asks to "create a component", "make a button", "scaffold a card", "add a new component", or asks for a new file under `app/components/` following the project's component pattern (PascalCase folder, index.tsx, tests/).

Why is it worth installing?

It scaffolds files matching your existing component pattern, including tests and stories, so you skip manual alignment.

How do you install it?

git clone --depth 1 https://github.com/gaia-react/gaia.git Then point your agent at the skill directory.

Where does it come from?

Repository: gaia-react/gaia 21 stars on GitHub at the time of listing. The repository ships 1 skills in total. Homepage: https://gaiareact.com/

developmentskill

wuyun-liuqi  ·  new-route