02-component-architecture
CommunityPortable frontend component boundaries for reuse.
Authorkennypallchizaca-coder
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Frontend architectures drift when framework-specific conventions become universal laws; this skill defines portable component primitives and clear boundaries to keep features reusable across different component models.
Core Features & Use Cases
- Define page/layout orchestration vs reusable UI units; explicit contracts via props/slots; container/presentational split; framework-local reactivity near boundary.
- Use case: when a feature spans page routing, data fetching, and multiple component types, apply this skill to enforce boundaries and portability.
Quick Start
Organize your feature into clearly separated pages, layouts, orchestration, and reusable UI units.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: 02-component-architecture Download link: https://github.com/kennypallchizaca-coder/agentic-full-stack-skills/archive/main.zip#02-component-architecture 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 471,000+ vetted skills library on demand.