Agent skill

alpine-js-usage-rules

Guidelines for using Alpine.js for declarative JavaScript functionality.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/alpine-js-usage-rules

SKILL.md

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:

bash
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.

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results