# Build htmx Interfaces with Local References

htmx questions often need exact attribute, event, and header behavior. This skill gives Claude, Codex, and Claude Code a local htmx reference index.

## Install

```bash
npx skillstore add drzoot/htmx-skill
```

## Metadata

- Status: approved
- Slug: drzoot-htmx-skill
- Skillstore revision: r1
- Version status: missing
- Tree hash: 0a56617cf5eca3dd80a6d2b48b79c520e428aae3616d59377c2165e3e86bf359
- Author: DrZoot
- GitHub username: DrZoot
- License: MIT
- Repository: https://github.com/DrZoot/htmx-skill/tree/main/
- Ref: c579efd02184f1128d6741d16e6c8d951d7d4208
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: network, filesystem, scripts, external\_commands
- Quality score: 80
- Quality tier: silver
- Public page: https://skillstore.pages.dev/skills/drzoot-htmx-skill
- Manifest: https://skillstore.pages.dev/api/skills/drzoot-htmx-skill/manifest

## Capabilities

- Finds local pages for htmx attributes, events, headers, API methods, extensions, and examples.
- Explains common htmx attributes such as hx-get, hx-post, hx-swap, hx-trigger, and hx-vals.
- Points users to example pages for modals, tabs, bulk updates, progress bars, and forms.
- Uses the local reference index to answer syntax and behavior questions.
- Supports targeted searches across the references folder when the right page is unclear.

## Use Cases

- Implement htmx Attributes: Look up exact attribute behavior before adding dynamic requests to server-rendered pages.
- Design Server Responses: Find headers, events, and swap behavior needed for predictable htmx responses.
- Explain htmx Patterns: Reference examples and API pages when writing clear guidance for teams.

## Prompt Templates

### Find an Attribute

```
Find the htmx reference page for hx-target and explain when to use it.
```

### Compare Two Patterns

```
Compare hx-swap and hx-swap-oob for updating multiple page regions.
```

### Plan a Feature

```
Plan an htmx modal form workflow using the local reference examples and headers.
```

### Review htmx Usage

```
Review my htmx approach for security, swap behavior, validation, and event handling.
```

## Limitations

- It depends on the included local documentation snapshot.
- It does not run browser, server, or integration tests.
- Documentation examples still need application security review before production use.
- Regenerating references with the builder script requires network access.

## Best Practices

- Open the most specific reference page before answering detailed htmx questions.
- Treat examples as starting points and validate all server-side behavior.
- Check security notes for evaluated values, headers, and user-generated content.

## Anti Patterns

- Do not assume every htmx request is safe without server validation.
- Do not use evaluated attribute values with untrusted input.
- Do not present CDN examples as the only installation method.

## Security Audit

- Audited at: 2026-07-05T13:39:15.333\+00:00
- Summary: AI review found no evidence of malicious intent, prompt injection, credential theft, or unauthorized execution. The static findings are false positives from htmx documentation examples, Markdown formatting, license URLs, and a scoped manual builder script.

## Stats

- Views: 238
- Downloads: 20
- Favorites: 0
- Popularity score: 0