container-view-pattern
CommunityEnforce React Container/View pattern
Software Engineering#typescript#react#frontend development#code structure#component pattern#container view
AuthorCodySwannGT
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures React components are structured using the Container/View pattern, promoting separation of concerns and improving code maintainability.
Core Features & Use Cases
- Pattern Enforcement: Validates and guides the implementation of the Container/View pattern.
- Component Generation: Provides scripts to quickly scaffold new components following the pattern.
- Use Case: When creating a new feature component, use this Skill to generate the
Container.tsx,View.tsx, andindex.tsxfiles, ensuring adherence to project standards from the start.
Quick Start
Use the container-view-pattern skill to create a new global component named 'UserProfile'.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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: container-view-pattern Download link: https://github.com/CodySwannGT/lisa/archive/main.zip#container-view-pattern Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.