Skip to content
Development
Command

/add-component

Create a reusable React component with TypeScript and best practices.

From plugin
larouex-fullstack-builder
881 skills12 agents81 commands

Command definition

add-component.md

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 states if needed, and mobile-first responsive design. Export component with named export. Focus on reusability and composability.

@larouexnonprofitconsulting
Ships withlarouex-fullstack-builder

A comprehensive Claude Code plugin with 81 commands and 12 specialized AI agents for building modern, full-stack web applications with Next.js 15, Azure, Railway, Bootstrap, and TypeScript.

Stars on GitHub

Momentum

stars in total
8
Star history of LarouexNonprofitConsulting/larouex-fullstack-plugin on GitHub, a chart by star-history.com

Other commands on larouex-fullstack-builder.

More commands from other plugins.

build
Auto-invoked

build

Command

Implement tasks incrementally — build, test, verify, commit. Add "auto" to run the whole plan in one approved pass.

@addyosmani@addyosmaniInstall Command