alpinejs
✓Best Practices und Muster von AlpineJS. Verwenden Sie diese Option beim Schreiben von HTML mit Alpine.js-Anweisungen, um häufige Fehler wie lange Inline-JavaScript-Zeichenfolgen zu vermeiden.
Installation
SKILL.md
Never put complex logic in HTML attributes. If your x-data, x-init, or any directive exceeds 50 characters, extract it.
| x-data | Declare reactive component state | x-data="{ open: false }" | | x-init | Run code on component init | x-init="fetchData()" | | x-show | Toggle visibility (CSS display) | x-show="open" | | x-if | Conditional rendering (must wrap ) | | | x-for | Loop (must wrap ) | | | x-bind: / : | Bind attribute to expression | :class="{ active: isActive }" |
| x-on: / @ | Listen to events | @click="open = !open" | | x-model | Two-way bind form inputs | x-model="email" | | x-text | Set text content | x-text="message" | | x-html | Set inner HTML | x-html="htmlContent" | | x-ref | Reference element via $refs | x-ref="input" |
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/brettatoms/agent-skills --skill alpinejs- Quelle
- brettatoms/agent-skills
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-02
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist alpinejs?
Best Practices und Muster von AlpineJS. Verwenden Sie diese Option beim Schreiben von HTML mit Alpine.js-Anweisungen, um häufige Fehler wie lange Inline-JavaScript-Zeichenfolgen zu vermeiden. Quelle: brettatoms/agent-skills.
Wie installiere ich alpinejs?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/brettatoms/agent-skills --skill alpinejs Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/brettatoms/agent-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-02