Ashikparvez89

Add Component

Name: Add Component
Author: Ashikparvez89

Development community

SOURCE https://github.com/Ashikparvez89/larouex-fullstack-plugin/blob/main/commands/add-component.md

Description

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 Testi

Installation

Installs to ~/.claude/skills/ashikparvez89-larouex-fullstack-plugin-add-component/SKILL.md

Terminal

mkdir -p ~/.claude/skills/ashikparvez89-larouex-fullstack-plugin-add-component && curl -fsSL https://raw.githubusercontent.com/Ashikparvez89/larouex-fullstack-plugin/HEAD/commands/add-component.md -o ~/.claude/skills/ashikparvez89-larouex-fullstack-plugin-add-component/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.