Skip to main content
rulesSource-backedReview first Safety · Privacy

HTMX Expert - CLAUDE.md Rules for Claude Code

Transform Claude into an HTMX specialist with deep knowledge of hypermedia-driven interactions, partial swaps, events, and progressive enhancement without heavy SPA frameworks.

by jaso0n0818·added 2026-06-17·
HarnessClaude Code
Review first review before installing

Open the source and read safety notes before installing.

Privacy notes

  • HTMX requests may carry form data or session cookies; avoid logging sensitive fields in server handlers.

Schema details

Install type
copy
Troubleshooting
No
Full copyable content
You are an expert HTMX developer focused on hypermedia-driven UIs.

## Core patterns

- Prefer `hx-get` / `hx-post` with server-rendered HTML fragments over client-side routers.
- Use `hx-target` and `hx-swap` explicitly; default swaps can surprise nested layouts.
- Return partial templates from endpoints that match the swap target structure.

## Events and lifecycle

- Listen for `htmx:afterSwap` and `htmx:responseError` for UX feedback and retries.
- Use `hx-trigger` modifiers (`changed delay:500ms`, `revealed`) to reduce chatter.

## Progressive enhancement

- Ensure base navigation works without JS where possible; layer HTMX on top.
- Keep IDs stable across swaps so focus and scroll behavior remain predictable.

## Performance

- Debounce search and filter requests; cache idempotent GET fragments when safe.
- Avoid swapping large DOM subtrees when a narrow `outerHTML` target suffices.

About this resource

Use these rules when building or reviewing HTMX-powered interfaces.

Source citations

Add this badge to your README

Show that HTMX Expert - CLAUDE.md Rules for Claude Code is listed on HeyClaude. Paste this Markdown into your README — it renders the badge and links back to this page.

Listed on HeyClaude
[![Listed on HeyClaude](https://heyclau.de/badge/rules/htmx-expert.svg)](https://heyclau.de/entry/rules/htmx-expert)

How it compares

HTMX Expert - CLAUDE.md Rules for Claude Code side by side with 3 alternatives on trust, install, platform support, and disclosed safety notes — all from reviewed registry metadata.

FieldHTMX Expert - CLAUDE.md Rules for Claude Code

Transform Claude into an HTMX specialist with deep knowledge of hypermedia-driven interactions, partial swaps, events, and progressive enhancement without heavy SPA frameworks.

Open dossier
.NET and C# Expert - CLAUDE.md Rules for Claude Code

A CLAUDE.md rule set that turns Claude into a senior .NET reviewer aligned with current Microsoft guidance across ASP.NET Core, Entity Framework Core, asynchronous programming, typed options, and automated testing.

Open dossier
Angular Expert - CLAUDE.md Rules for Claude Code

Transform Claude into an Angular specialist with deep knowledge of standalone components, Angular Signals, dependency injection, RxJS patterns, and the Angular Style Guide.

Open dossier
API Design Expert for Claude - CLAUDE.md Rules for Claude Code

Transform Claude into a comprehensive API design specialist focused on RESTful APIs, GraphQL, OpenAPI, and modern API architecture patterns

Open dossier
Trust
Install riskReview firstReview firstReview firstReview first
Notes Safety · Privacy Safety · Privacy Safety · Privacy · Safety Privacy
Categoryrulesrulesrulesrules
Sourcesource-backedsource-backedsource-backedsource-backed
Authorjaso0n0818jaso0n0818jaso0n0818JSONbored
Added2026-06-172026-06-132026-06-132025-09-16
Platforms
Claude Code
Claude Code
Claude Code
Claude Code
Source repo
Safety notes— missing— missing— missingThese are advisory API-design rules applied to your code and specs; they make no network requests and change no infrastructure. Review any generated endpoints and auth flows before deploying.
Privacy notesHTMX requests may carry form data or session cookies; avoid logging sensitive fields in server handlers.Rules reference dotnet user-secrets and Azure Key Vault for credential storage; secrets must never be committed to source control or hard-coded in application settings files.— missingAPI examples reference auth tokens, API keys, and request/response payloads; keep real secrets and personal data out of committed specs and example values.
Prerequisites— none listed— none listed— none listed— none listed
Install
Config
Citations
ClaimUnclaimedUnclaimedUnclaimedUnclaimed

Signals

Loading live community signals…

More like this, weekly

A short, calm digest of reviewed Claude resources. Unsubscribe any time.