Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →hashgraph-online/htmx-recipes
Implement common htmx interaction recipes in server-rendered web apps.
Passed 23 of 23 test cases with the skill, and 21 of 23 without it.
2 fixed21 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 2 test cases the skill fixed. Same model, same prompt, with and without the skill.
When starting to build a new dynamic feature that will use inline server partial updates, what is the very first step in the general workflow?
| Checked | Without skill | With skill |
|---|---|---|
| Recommends building the plain server-rendered version first. | Missed | Passed |
The instructions your model reads when the skill loads.
Use this skill when the feature is a recognizable htmx interaction pattern. Start from the recipe shape, then adapt it to the framework's routing, forms, templates, and tests.
| Need | Pattern |
|---|---|
| Enhance normal links/forms | hx-boost with full-page fallback |
| Load content on reveal or page load | lazy loading with hx-get and a non-chatty trigger |
| Validate an input or form section | targeted validation request with debounce |
| Remove an item | mutation endpoint plus target removal or refreshed list |
| Animate an inserted/removed fragment | CSS transitions coordinated with swap timing/classes |
| Clear a successful form | return a fresh form fragment or trigger local reset |
| Search as the user types | debounced active search into a results target |
| Show success before server confirms | optimistic update with explicit rollback/reconcile plan |
| Page through results | links/buttons that replace the list and pagination controls |
| Append more results | infinite scroll sentinel that appends and replaces itself |
| Toggle selected state | server-owned selection for durable state, local state for transient UI |
| Poll for changing state | bounded polling with a stop condition |
| Open custom dialogs | server-rendered modal body plus events for close/focus |
| Add request headers | one global hook for cross-cutting headers |
| Click to edit | display fragment -> edit form fragment -> display fragment |
| Serve both HTML and JSON | separate endpoints or explicit content negotiation |
hx-boost when links/forms already work without htmx.test cases passed, vs 21 / 23 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.