slots-and-composition
CommunityEfficiently compose pocopine components with slots and directives.
Authormambisi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps developers to create and integrate complex pocopine components with ease, leveraging slots, directives, and scoped bindings.
Core Features & Use Cases
- Component Composition: Build reusable components using slots for insertion points.
- Scoped Slots: Share and use child state within slots.
- Polymorphic Rendering: Use
pp-asfor wrapping user-provided elements instead of imposing your own template wrapper. - Use Case: Imagine you are building a multi-functional UI with headers, footers, and dynamic content. This Skill allows you to define a flexible and maintainable component structure.
Quick Start
To define a header slot in a pocopine component, use <slot name="header">Header Content</slot>.
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: slots-and-composition Download link: https://github.com/mambisi/pocopine-skills/archive/main.zip#slots-and-composition 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 620,000+ vetted skills library on demand.