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 agentmods add skills/adambien/airails/web-staticnpx skills add AdamBien/airails --skill web-staticgit clone --depth 1 https://github.com/AdamBien/airailsWrote 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/adambien/airails/web-static)<a href="https://agentmods.dev/skills/adambien/airails/web-static"><img src="https://agentmods.dev/badge/skills/adambien/airails/web-static.svg" alt="Measured on agentmods" 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 | $0.00183 | $0.02510 |
| Opus 5 | $0.00092 | $0.01255 |
| Sonnet 5 | $0.00037 | $0.00502 |
| Haiku 4.5 | $0.00018 | $0.00251 |
Grade A, and why
web-static 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 4d 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 — 192 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Build or maintain a static website using $ARGUMENTS. Apply all rules below strictly.
Composition
Compose with /web-conventions — it provides the baseline rules for semantic HTML, accessibility,
modern CSS, design tokens, and the Baseline browser-support policy. Rules in this skill override it.
When a page needs a small, bounded amount of JavaScript — a theme toggle, a copy button, a
client-side filter — use /web-sprinkles, which keeps every rule below except the no-JavaScript
constraint. For applications that need client-side state, routing, or templating, use
/web-components instead.
Hard Constraints
- No JavaScript — no
<script>tags, no inline event handlers, no.jsfiles; a page that genuinely needs a script belongs to/web-sprinkles, not to an exception here - No external dependencies — no frameworks, libraries, CDNs, or package managers
- No build systems — no transpilation, bundling, preprocessing, Sass, Less, or Tailwind
- No inline styles — all CSS in separate
.cssfiles - Baseline compliance — CSS features per the
/web-conventionsBaseline policy, enforced by the verification loop below
HTML Rules
HTML semantics, heading hierarchy, labels, and skip links follow /web-conventions.
CSS Rules
Design tokens, logical properties, modern CSS features, accessibility, and the Baseline policy
follow /web-conventions. This stack adds:
- Mobile-first responsive design with
min-widthbreakpoints - Use
content-visibility: autofor off-screen sections
CSS Reset Baseline
Every project starts with:
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: system-ui, -apple-system, sans-serif; line-height: 1.5; }
Interactive Patterns (CSS-Only)
When interactivity is needed, use these approaches — never JavaScript:
- Accordion:
<details>/<summary> - Modal:
:targetpseudo-class with anchor links - Tabs: hidden radio buttons with
:checked+ sibling selectors - Dropdown menu:
:hover+:focus-within - Mobile hamburger: hidden checkbox with
:checked+ sibling selectors - Form styling:
appearance: noneto customize native controls - Form validation: standard input types plus constraint attributes (
required,pattern,min/max) — the browser validates and blocks submission without any JavaScript; style feedback with:user-invalid/:user-valid(seeweb-conventionsForm Rules)
What ships with it
2 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.
- 4d ago First seen · 192 lines · 183 tokens per session scan A a31990348b17
web-static is a skill published in the GitHub repository AdamBien/airails (48 stars, last pushed 14d ago), licensed MIT. It adds 183 tokens to every session and 2,510 once invoked, about $0.0009 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-30.
Other skills, from other repositories
antfu-design
Use this when building interfaces with UnoCSS in any framework (React, Vue, Svelte, Solid, or plain HTML), from dense devtools panels to landing pages. Read core-design-read first to set the direction, then apply the token system plus the polish and anti-slop rules.
slop-eval
Objectively evaluate a UI/web design against the pols.dev anti-slop design law: detect catalogued slop tells with cited evidence, score 8 weighted axes (color, type, components, layout, motion, execution, signature, cohesion), and emit a Slop Report with a 0–100 Slop Index and grade. Use when the user asks to…
deno-sandbox
Use when building features that execute untrusted user code, AI-generated code, or need isolated code execution environments. Covers the @deno/sandbox SDK.
deno-frontend
Use when building a web frontend with Deno — running React, Vite, Astro, SvelteKit, Next.js, Nuxt or other npm frameworks under Deno, or working with Fresh, Deno's own island-architecture framework. Covers which path to pick, Fresh 2.x routes, handlers, islands, Preact signals, Tailwind, and Fresh 1.x to 2.x migration.
frontend-design
Guidance for distinctive, intentional visual design when building or reshaping UI, HTML/React artifacts, dashboards, charts, and visual reports. Use before implementation to choose a content-specific structure, typography, and visual system that does not read as a templated default.
5writing
数学建模竞赛论文撰写阶段，支持 Typst 和 LaTeX 双引擎。根据 ANALYSISMODELINGREPORT.md、RESULTSREPORT.md 和 figures/.pdf 选择比赛模板、排版引擎、组织章节，并在论文正文中按章节直接插入图表。.