/add-component

Description

Create a reusable React component with TypeScript and best practices.

Install

Add the repository(one-time)

/plugin marketplace add LarouexNonprofitConsulting/larouex-fullstack-plugin

Install the plugin

/plugin install larouexnonprofitconsulting-larouex-fullstack-builder@LarouexNonprofitConsulting/larouex-fullstack-plugin

Prompt Preview

Create a reusable React component with TypeScript and best practices.

Generate:
- Component file in /components with proper naming convention
- TypeScript interface for component props with JSDoc comments
- Responsive Bootstrap styling with custom CSS if needed
- Accessibility features (ARIA labels, semantic HTML, keyboard navigation)
- Props validation and default values
- Component variants or modes if applicable
- Example usage documentation in comments
- Unit tests with Jest and React Testing Library
- Storybook story (if Storybook is configured)

Include proper error handling, loading...

Links

GitHub Stats

0 forks

Other plugins with /add-component

/add-component

Create a reusable React component with TypeScript and best practices.

larouex-fullstack-builder

/add-component

Add React component from shadcn or Tailwind UI to Astro website with proper integration

website-builder

/add-component

Add component with shadcn/ui integration and TypeScript

nextjs-frontend