Skills
.Work. You
Rest

modify-component

Community

Enhance React component quality and maintainability

Software Engineering#code quality#best practices#react#pattern enforcement#component design
AuthorDangerdan9631
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a guide for maintaining React components, ensuring adherence to best practices for contract, patterns, and anti-patterns.

Core Features & Use Cases

  • Contract Guidelines: Defines PascalCase functional component standards and filename structure.
  • Event Handling Best Practices: Outlines event prop naming and usage conventions.
  • ViewModel Integration: Recommends interaction through viewmodels over direct state management.
  • Use Case: When building a new React component or refactoring existing ones to improve code maintainability and scalability.

Quick Start

Analyze the React components in your project by using the modify-component skill.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 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: modify-component
Download link: https://github.com/Dangerdan9631/Vayeate/archive/main.zip#modify-component

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.