React Component Generator

使用场景

• Building UI components from design specs or screenshots
• Creating form components with validation
• Generating data table components with sorting and filtering
• Building accessible modal and dialog components
• Creating reusable layout components

Generate a React component with the following requirements:

Component: [name and purpose]
Props:
- [list expected props]

Requirements:
- TypeScript with strict props interface
- WCAG 2.1 AA accessible (keyboard nav, ARIA, focus management)
- Responsive (mobile-first)
- Use [Tailwind CSS / CSS Modules / styled-components]
- Include loading and error states
- Export as named export

Also generate:
- Unit test file (Vitest + Testing Library)
- Storybook story with variants

推荐模型

兼容工具

模态

相关 Skills