Alpine.js

Purpose

Add interactivity to HTML pages using Alpine.js directives — a lightweight, declarative framework that works directly in the DOM without a build step.

Agent Protocol

Trigger

Exact user phrases: "Alpine.js setup", "Alpine component", "Alpine x-data", "Alpine x-init", "Alpine store", "Alpine project", "Alpine directive", "alpine reactive".

Input Context

Before activating, verify:

• Alpine.js is included (CDN script or npm).
• Whether the project uses Alpine + backend (Laravel, Django, etc.) or standalone.

Output Artifact

No file output. Produces HTML snippets with Alpine directives as text.