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 naveedharri/benai-skills --skill instant-uigit clone --depth 1 https://github.com/naveedharri/benai-skillsWrote 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/naveedharri/benai-skills/instant-ui)<a href="https://agentmods.dev/skills/naveedharri/benai-skills/instant-ui"><img src="https://agentmods.dev/badge/skills/naveedharri/benai-skills/instant-ui/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/naveedharri/benai-skills/instant-ui"><img src="https://agentmods.dev/badge/skills/naveedharri/benai-skills/instant-ui.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
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.00217 | $0.00928 |
| Opus 5 | $0.00109 | $0.00464 |
| Sonnet 5 | $0.00043 | $0.00186 |
| Haiku 4.5 | $0.00022 | $0.00093 |
Grade A, and why
instant-ui 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 6d 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 — 33 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Instant UI (BenAI Brand)
Build a single self-contained HTML page in the BenAI neo-brutalist design language. Every output must match the BenAI Champion Offer assets 1:1, as if it came off the same assembly line.
Steps
-
Confirm scope. If
$ARGUMENTSis empty or vague, ask for: page name, page type (landing / form / product / pricing / case study / doc / run report), primary CTA, and the real copy. This brand is content-first: never write marketing filler. If copy is missing, stop and ask.Unattended exception. If the caller says it is running unattended, do not ask anything. Build from the content given, render any missing section as an explicit gap, and never invent copy to fill it. A scheduled routine calling this skill cannot answer a question, so a question means no page gets made at all.
-
Load the tokens. Read
references/design-tokens.mdand paste the:rootblock plus typography rules verbatim. Never hand-type tokens. -
Build the shell. Read
references/page-shell.mdfor the required page wrapper, the BenAI smiley SVG (header and footer), and the responsive breakpoints. Every page opens with the 4px blue/green/amber gradient stripe. -
Assemble components. Read
references/components.mdand copy the CSS and HTML for each block the page needs (20 components: pills, buttons, hero, stat strips, sections, cards, VS grids, timeline, testimonial, pricing, CTA, footer, forms). Copy verbatim, swap the copy, do not improvise. -
Apply the rules. Read
references/build-rules.mdfor the voice rules, hard build constraints, error-handling routes, and the after-build checklist. Run the checklist before confirming the output. -
Save and confirm. Write to the output path the caller gave you. If none was given, default to
~/Desktop/builds/[page-name].html(kebab-case). Add the kicker comment<!-- instant-ui v1 -->at the top. Report the file path and open it for the user to review, unless running unattended, in which case just report the path.
What ships with it
6 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.
- 6d ago First seen · 33 lines · 217 tokens per session scan A 5fc9719c4465
instant-ui is a skill published in the GitHub repository naveedharri/benai-skills (61 stars, last pushed 7d ago), licensed MIT. It adds 217 tokens to every session and 928 once invoked, about $0.0011 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-09-05.
Other skills, from other repositories
design-tokens-transformer
A converter for design tokens, which are named values for colors, fonts, spacing, borders, shadows, and motion. It translates one shared token source into CSS variables and Tailwind or shadcn-style theme files, and can convert them back for checking.
design-brand-system
A visual design-system guide for branded web projects. It defines reusable choices such as colors, typography, spacing, components, and design tokens, while checking contrast and other accessibility requirements.
design-landing-motion
A workflow for building animated landing pages, including page concepts, visual assets, and scroll-based effects such as parallax or 3D motion.
design-workflow
A workflow for bringing design handoff files, design tokens, and project design briefs into a code project. It validates the tokens and loads research, system, and specification notes before interface implementation.
doc-design-library
A pointer to a library of 75 brand design systems, each defining choices such as colors, typefaces, spacing, corner shapes, and interface components. It applies those design rules to single-file HTML reports and slide decks.
colors
Color systems for web interfaces — OKLCH conversion and palette generation, contrast measurement (APCA/WCAG), gamut and P3 fallbacks, theming, one meaning per color. INVOKE PROACTIVELY when converting color values, building or extending a palette or token set, checking or reporting contrast, or theming light and dark…