{"slug": "show-hn-htmx-skills", "title": "Show HN: Htmx Skills", "summary": "Developer Constantinos Pigiotis released an open-source Agent Skills plugin that teaches AI coding agents how to build hypermedia-driven UIs with htmx. The plugin covers htmx attributes, triggers, targets, swaps, and security essentials, and ships with the full official htmx reference documentation. It is available for installation from GitHub and through the Cursor Marketplace.", "body_md": "An open-source [Agent Skills](https://agentskills.io) plugin that teaches AI coding agents how to build hypermedia-driven UIs with [htmx](https://htmx.org).\n\nThe skill covers `hx-*`\n\nattributes, triggers, targets, swaps, out-of-band updates, extensions, security essentials, and ships the full official htmx reference docs under `skills/htmx/references/`\n\n.\n\n**Marketplace** (after listing): search for **htmx** in [Cursor Marketplace](https://cursor.com/marketplace) or Customize → Plugins.\n\n**From GitHub now:**\n\n```\ngit clone https://github.com/piyiotisk/htmx-skills.git ~/.cursor/plugins/local/htmx-skills\n```\n\nOr in Cursor: **Customize → Plugins → Add from GitHub** → `piyiotisk/htmx-skills`\n\n**Community marketplace** (after approval): `/plugin marketplace add anthropics/claude-plugins-community`\n\nthen `/plugin install htmx@claude-community`\n\n**From this repo now:**\n\n```\nclaude plugin marketplace add piyiotisk/htmx-skills\nclaude plugin install htmx@htmx-skills\n```\n\nLocal test:\n\n```\ngit clone https://github.com/piyiotisk/htmx-skills.git\nclaude --plugin-dir ./htmx-skills\n# Skill: /htmx:htmx\n```\n\n**From this repo:**\n\n```\ngit clone https://github.com/piyiotisk/htmx-skills.git\n# Option A: install skill folder\ncp -R htmx-skills/skills/htmx ~/.agents/skills/htmx\n\n# Option B: add repo as a plugin marketplace (Codex reads .agents/plugins/marketplace.json)\n```\n\nIn Codex, invoke with `$htmx`\n\nor ask the agent to use the htmx skill.\n\nAfter installing, invoke the skill:\n\n```\n/htmx:htmx\n```\n\nThen ask for a specific pattern:\n\n```\n/htmx:htmx Add debounced live search on this input — hx-get /contacts/search,\nswap results into #results, show a spinner with hx-indicator.\n\n/htmx:htmx Delete button on each table row — hx-delete, closest tr target,\nand OOB-update #contact-count in the same response.\n\n/htmx:htmx Review this template for hx-boost inheritance bugs and missing\nprogressive-enhancement fallbacks.\n```\n\nMention the skill in chat:\n\n- \"Use the htmx skill to add inline edit on this contact card.\"\n- \"Use the htmx skill to wire delete-row + OOB count update.\"\n- \"Review this form for correct\n`hx-sync`\n\nand validation handling.\"\n\n`hx-get`\n\n,`hx-post`\n\n,`hx-trigger`\n\n,`hx-target`\n\n,`hx-swap`\n\n- Server endpoints that return HTML fragments (not JSON)\n- OOB swaps, boosted navigation, SSE/WebSocket extensions\n- Debugging swap, history, and attribute-inheritance issues\n\nFull worked examples (HTML + server responses): `skills/htmx/examples.md`\n\n| Path | Purpose |\n|---|---|\n`skills/htmx/SKILL.md` |\nCore skill instructions |\n`skills/htmx/references/` |\nBundled htmx docs (attributes, headers, examples, extensions) |\n`skills/htmx/evals/` |\nEval definitions used during skill development |\n\nThis repo also contains internal eval workspace under `.cursor/skills/htmx-workspace/`\n\n(not part of the published plugin).\n\nValidate Claude plugin manifest:\n\n```\nclaude plugin validate .\nclaude plugin validate . --strict\n```\n\nReference documentation under `skills/htmx/references/`\n\nis derived from the [htmx](https://htmx.org) project documentation. Skill packaging and curation are MIT-licensed (see [LICENSE](/piyiotisk/htmx-skills/blob/main/LICENSE)).\n\nMIT © Constantinos Pigiotis", "url": "https://wpnews.pro/news/show-hn-htmx-skills", "canonical_source": "https://github.com/piyiotisk/htmx-skills", "published_at": "2026-06-29 07:15:04+00:00", "updated_at": "2026-06-29 07:28:51.849767+00:00", "lang": "en", "topics": ["developer-tools", "ai-agents", "ai-tools"], "entities": ["Constantinos Pigiotis", "htmx", "Agent Skills", "Cursor Marketplace", "GitHub", "Claude"], "alternates": {"html": "https://wpnews.pro/news/show-hn-htmx-skills", "markdown": "https://wpnews.pro/news/show-hn-htmx-skills.md", "text": "https://wpnews.pro/news/show-hn-htmx-skills.txt", "jsonld": "https://wpnews.pro/news/show-hn-htmx-skills.jsonld"}}