Alpine Js Usage Rules Skill

• Use Alpine.js directives (x-data, x-bind, x-on, etc.) for declarative JavaScript functionality.

• Implement small, focused Alpine.js components for specific UI interactions.

• Combine Alpine.js with Livewire for enhanced interactivity when necessary.

• Keep Alpine.js logic close to the HTML it manipulates, preferably inline.

Memory Protocol (MANDATORY)

Before starting:

cat .claude/context/memory/learnings.md

After completing: Record any new patterns or exceptions discovered.

ASSUME INTERRUPTION: Your context may reset. If it's not in memory, it didn't happen.