# Generate Component

> Generate React component with TypeScript, tests, and styles

- Skill: `majiayu000/generate-component-2` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add majiayu000/generate-component-2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/generate-component-2/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/generate-component-2

---


# Generate React Component

Generate a typed React component with Ant Design, Redux integration, and tests.

## What To Do

1. **Generate component file** with proper TypeScript types
2. **Generate test file** using React Testing Library
3. **Add Redux slice** if stateful component
4. **Register route** if page component

## Component Types
- `page`: Full page with layout, breadcrumb, data fetching
- `form`: Ant Design Form with validation, submit handler
- `list`: Table with pagination, search, filters
- `detail`: Detail view with tabs and action buttons

## Arguments
- `<component-name>`: Component name in PascalCase
- `--type=<page|form|list|detail>`: Component template