Agent skill · software engineering · onewave-ai
react-component-generator
Generate React components with TypeScript, proper props, hooks, and accessibility. Use when creating new React components, UI elements, or refactoring existing components.
Why this skill is useful
Provides templates and best practices for generating React components with TypeScript, including accessibility features and props management that the AI wouldn't reliably generate on its own.
What it needs
About 2k tokens when loaded. Last updated 2026-07-15. 242 stars on the source repository.
What this skill does
React Component Generator Instructions When creating React components: 1. Determine component type: Client or Server component 2. Define props interface with TypeScript 3. Implement with best practices 4. Add accessibility attributes Templates Client Component Server Component Form Component with React Hook Form Accessibility Checklist [ ] Use semantic HTML elements [ ] Add aria-label for icon-only buttons [ ] Include role attributes where needed [ ] Ensure keyboard navigation works [ ] Add aria-invalid and aria-describedby for form errors [ ] Use aria-busy for loading states
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills onewave-ai/react-component-generator