poco-directives

Apply pocopine template directives for reactive attributes and event handling.

Updated Jun 1, 2026
One-click install
npx skills add https://github.com/mambisi/pocopine-skills --skill poco-directives
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: poco-directives
Source: https://github.com/mambisi/pocopine-skills/tree/main/poco-directives
Command: npx skills add https://github.com/mambisi/pocopine-skills --skill poco-directives

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

The pocopine-directives skill addresses the challenges faced when authoring pocopine template directives and managing reactivity in pocopine components.

Core Features & Use Cases

  • Template Directive Authoring: Learn and apply pocopine template directives (pp-*) for tasks like reactive attribute and event handling.
  • Reactivity and Event Handling: Control DOM integration and state changes with directives and expressions.
  • Component Development: Develop pocopine components using macros like #[component] and handle lifecycle and prop updates.
  • Use Case: Build a pocopine application that utilizes reactivity to manage component state and handle complex event patterns.

Quick Start

Use the poco-directives skill to integrate and apply template directives within a pocopine project.

Frequently Asked Questions about poco-directives

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I use pocopine template directives for reactive attribute binding?

You author pocopine template directives using the pp-* syntax to bind reactive attributes and expressions directly in component templates. This approach manages DOM integration and state changes seamlessly within pocopine frameworks.

What is the best way to handle complex event patterns in pocopine components?

The best way to handle complex event patterns is by using pocopine template directives with event modifiers. This approach controls DOM integration and state changes while managing reactivity within your pocopine components.

How do I manage component lifecycle and prop updates in pocopine?

You manage component lifecycle and prop updates in pocopine by utilizing the #[component] macro. This macro structures your component to properly handle lifecycle hooks and prop updates driven by template directives and reactivity.

Do I need advanced pocopine knowledge to use template directives effectively?

Yes, effectively using pocopine template directives requires intermediate to advanced pocopine knowledge. You need familiarity with directive syntax, event handling, and component reactivity to integrate them properly into your applications.

Why are my pocopine template directives not updating component state?

Pocopine template directives may fail to update component state if the directive syntax or modifiers are incorrectly applied to expressions. You must ensure proper directive usage and verify that reactive attributes are correctly integrated with the #[component] macro.