Ashikparvez89

Add Component — Development skill for Claude Code

Development community

Create a reusable React component with TypeScript and best practices.

How to install Add Component

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.

What Add Component does

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

Alternatives in Development

Create Blog Article For Claude Code Component — You will create a complete, SEO-optimized blog article for a Claude Code component 23.4k ★
Portaljs Add Chart — Add a chart (line, bar, area, pie, or scatter) to a dataset's showcase in a PortalJS portal 2.3k ★
Migrate Component — Migrate a docs component from rST/Snooty AST to MDX 775 ★