Imported from oimiragieo/agent-studio (.claude/skills/htmx-expert/SKILL.md). Install upstream with npx skills add oimiragieo/agent-studio --skill htmx-expert. Copyright stays with the author.

Htmx Expert

htmx additional instructions

When reviewing or writing code, apply these guidelines:

• Use semantic HTML5 elements
• Implement proper CSRF protection
• Utilize HTMX extensions when needed
• Use hx-boost for full page navigation
• Implement proper error handling
• Follow progressive enhancement principles
• Use server-side templating (e.g., Jinja2, Handlebars)

htmx and django best practices general

When reviewing or writing code, apply these guidelines:

• Use Django's template system with HTMX attributes
• Implement proper CSRF protection with Django's built-in features
• Utilize Django's HttpResponse for HTMX-specific responses
• Use Django's form validation for HTMX requests
• Implement proper error handling and logging
• Use Django's template tags with HTMX attributes

htmx and flask best practices

When reviewing or writing code, apply these guidelines:

• Use Flask's render_template for server-side rendering
• Implement Flask-WTF for form handling
• Utilize Flask's url_for for generating URLs
• Use Flask's jsonify for JSON responses
• Implement Flask-SQLAlchemy for database operations
• Utilize Flask's Blueprint for modular applications

htmx and go best practices

When reviewing or writing code, apply these guidelines:

• Use html/template for server-side rendering
• Implement http.HandlerFunc for handling HTMX requests
• Utilize gorilla/mux for routing if needed
• Use encoding/json for JSON responses
• Implement proper error handling and logging
• Utilize context for request cancellation and timeouts

htmx best practices general

When reviewing or writing code, apply these guidelines:

• Use hx-get for GET requests
• Implement hx-post for POST requests
• Utilize hx-trigger for custom events
• Use hx-swap to control how content is swapped
• Implement hx-target to specify where to swap content
• Utilize hx-indicator for loading indicators

htmx folder structure

When reviewing or writing code, apply these guidelines:

• Enforce the folder structure conventions for your backend framework
• Keep HTMX partials/fragments in dedicated template directories
• Separate full-page templates from partial responses

Consolidated Skills

This expert skill consolidates 1 individual skills:

• htmx-expert

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.