Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add vikasudasi/skill-vault --skill htmx-alpine-frontendgit clone --depth 1 https://github.com/vikasudasi/skill-vaultWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/vikasudasi/skill-vault/htmx-alpine-frontend)<a href="https://agentmods.dev/skills/vikasudasi/skill-vault/htmx-alpine-frontend"><img src="https://agentmods.dev/badge/skills/vikasudasi/skill-vault/htmx-alpine-frontend/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/vikasudasi/skill-vault/htmx-alpine-frontend"><img src="https://agentmods.dev/badge/skills/vikasudasi/skill-vault/htmx-alpine-frontend.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00035 | $0.01332 |
| Opus 5 | $0.00017 | $0.00666 |
| Sonnet 5 | $0.00007 | $0.00266 |
| Haiku 4.5 | $0.00003 | $0.00133 |
Grade A, and why
htmx-alpine-frontend scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 8d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 129 lines — stays where its author put it; the contents beside it link to each section on GitHub.
HTMX + Alpine Frontend (No Build Step)
Use when you want interactivity (search-as-you-type, partial updates, toggles) without a bundler, SPA, or build pipeline — the server renders HTML and HTMX swaps fragments in. This is exactly Skill Vault's frontend: HTMX + Alpine + highlight.js + Tailwind CDN with no compile step.
The model
The server stays the source of truth for HTML. HTMX issues requests with headers
(HX-Request) and swaps a returned fragment into the DOM; Alpine manages small
client-side state. No API + JSON + client-render ceremony for routine UI.
HTMX core attributes
| attribute | meaning |
|---|---|
hx-get |
issue a GET to the URL (also hx-post/put/delete) |
hx-trigger |
what fires it (submit, change, keyup, every 5s) |
hx-target |
which element the response replaces |
hx-swap |
how (innerHTML, outerHTML, none) |
hx-boost |
progressive-enhance normal links/forms to AJAX |
<form hx-get="/browse" hx-target="#results" hx-trigger="submit">
<input name="q" hx-get="/browse" hx-trigger="keyup changed delay:300ms"
hx-target="#results" hx-swap="innerHTML" placeholder="search">
</form>
<div id="results">…</div>
Partial responses
Return a fragment (not the whole page) when the request is HTMX or marked
partial. Skill Vault does this: browse_results.html is rendered standalone when
HX-Request or ?partial=1 is set, and {% include %}-ed into the full page
otherwise — one template, two contexts.
@app.get("/browse")
def browse(q: str = "", partial: int = 0):
ctx = render_search(q)
if partial or request.headers.get("HX-Request"):
return templates.TemplateResponse("browse_results.html", ctx)
return templates.TemplateResponse("browse.html", ctx)
Out-of-band swap
Swap a fragment that lives elsewhere on the page by adding
hx-swap-oob="true" to an element in the response — it's moved into its matching
id in the current DOM even if hx-target pointed elsewhere.
What ships with it
4 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 8d ago First seen · 129 lines · 35 tokens per session scan A e31d09f0ffad
htmx-alpine-frontend is a skill published in the GitHub repository vikasudasi/skill-vault (0 stars, last pushed 23d ago), licensed Apache-2.0. It adds 35 tokens to every session and 1,332 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
video-shot-demos
A workflow for creating animated HTML pages, one page per video shot, lesson segment, or narrated scene. It combines a shared player structure with different visual designs for each shot.
exploring-autocapture-events
Guides exploration of $autocapture events captured by posthog-js to understand user interactions, find CSS selectors (especially data-attr attributes), evaluate selector uniqueness, query matching clicks ad-hoc, and create actions. Use when the user asks about autocapture data, wants to find what users are clicking…
building-html-canvases
Author a PostHog canvas with semantic HTML, CSS, and direct browser APIs — documents, articles, generative graphics, 2D canvas and WebGL experiences, and focused experiments where React components add no useful structure. Use after building-canvases has routed a canvas request to a plain-HTML/browser-API…
quill-code
Edit the @posthog/quill design system locally and consume the change in products/desktop before it is published to npm. Use when changing quill components/primitives/tokens, when a quill change must be tested inside the Code app, or when the user mentions quill, the design system, the .local-quill tarball, or the…
preline-mcp
Add, integrate, or build Preline UI components and blocks into HTML files via the Preline MCP server. Use when the user mentions "preline", says "/preline", asks to add a UI component, or requests a Preline block (a ready-made page section) using Preline UI.
preline-theme-generator
Generate, preview, save, or validate Preline theme CSS using the bundled local generator in this skill. Use when the user asks to create a new Preline theme, match a brand color, translate a mood into a theme, generate light and dark theme CSS, preview theme output without writing files, or review and fix generated…