frontend-component
CommunityBuild production-ready frontend components, instantly.
Authoralekspetrov
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Creating new frontend components often involves repetitive setup for TypeScript interfaces, test files, and styling. This skill automates the scaffolding, ensuring consistency and adherence to best practices.
Core Features & Use Cases
- Full Component Scaffolding: Generates React/Vue components with TypeScript, props interfaces, test files (using React Testing Library), CSS modules, and barrel exports.
- Pattern Enforcement: Validates naming conventions and follows project-specific patterns for component structure and styling.
- Multiple Component Types: Supports generating simple, hook-based, or container components based on your needs.
- Use Case: You need a new
UserProfilecomponent. Invoke this skill with "Create a UserProfile component," specify its type and props, and it will generate all necessary files (component, test, styles, export) following your project's conventions.
Quick Start
Example: Create a new React component
"Create a component for user profile"
Dependency Matrix
Required Modules
None requiredComponents
functionsexamplestemplates
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: frontend-component Download link: https://github.com/alekspetrov/navigator/archive/main.zip#frontend-component Please download this .zip file, extract it, and install it in the .claude/skills/ directory.