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 KeWang0622/agent-zero-to-hero --skill landing-pagegit clone --depth 1 https://github.com/KeWang0622/agent-zero-to-heroWrote 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/kewang0622/agent-zero-to-hero/landing-page)<a href="https://agentmods.dev/skills/kewang0622/agent-zero-to-hero/landing-page"><img src="https://agentmods.dev/badge/skills/kewang0622/agent-zero-to-hero/landing-page/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/kewang0622/agent-zero-to-hero/landing-page"><img src="https://agentmods.dev/badge/skills/kewang0622/agent-zero-to-hero/landing-page.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.00023 | $0.00416 |
| Opus 5 | $0.00012 | $0.00208 |
| Sonnet 5 | $0.00005 | $0.00083 |
| Haiku 4.5 | $0.00002 | $0.00042 |
Grade A, and why
landing-page 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 11d 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.
What it actually says
Landing page — the canonical structure
A landing page that converts has five sections, in order:
- Hero — one-sentence promise + visual + ONE primary CTA.
- Three highlights — three benefits in three cards. No more.
- Hours / details — practical info above the fold of the second screen.
- Map / contact — embedded iframe or link.
- Footer — minimal: copyright, social links.
Tech rules (the engineering parts)
- One file.
index.htmlwith inline<style>and<script>. No build step. - Tailwind via CDN —
<script src="https://cdn.tailwindcss.com"></script>. Don't pull npm. - Stock photos via Unsplash source URLs —
https://source.unsplash.com/featured/?keyword. - Mobile-first. Test at 375px width.
- No animations longer than 200ms. No carousels. No popups.
Color guidance
- Pick ONE primary color and ONE accent. Use neutrals for the rest.
- For warm businesses (food, hospitality): orange/red primary, cream neutral.
- For tech: blue/indigo primary, slate neutral.
- Never use pure black on pure white — soften both.
Procedure
When asked to build a landing page:
- Identify the business type from the prompt.
- Pick a color palette using the guidance above.
- Write
index.htmlwith the five sections. - Use real-feeling copy (no "Lorem ipsum"). Make it specific to the prompt.
- After writing, use the
bashtool toopen index.html(macOS) orxdg-open index.html(Linux). - If the user asks for changes, use Edit to make targeted changes — don't rewrite.
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.
- 11d ago First seen · 41 lines · 23 tokens per session scan A bdee87fd9db3
landing-page is a skill published in the GitHub repository KeWang0622/agent-zero-to-hero (49 stars, last pushed 3mo ago), licensed MIT. It adds 23 tokens to every session and 416 once invoked, about $0.0001 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
html-artifacts
Author the HTML for a plan artifact, dashboard iframe, or Slack attachment — structure, design plan, available runtime, theming, and craft. Read this before writing HTML for saveplan, outputiframe, or slackattachhtml.
browserwing-executor
Control browser automation through HTTP API. Supports page navigation, element interaction (click, type, select), data extraction, accessibility snapshot analysis, screenshot, JavaScript execution, and batch operations.
web-design
Penguin visual language for generated web pages and app UIs — GitHub-style simplicity with a single blue accent, light and pure-black dark themes, design tokens, component and chat-interface recipes, plus an opt-in warm paper editorial theme.
bento-slides
Create and edit Bento presentations — self-contained .bento.html decks whose document is JSON. Use whenever the user wants a slide deck or presentation: from scratch, from source material, or by improving an existing file.
ui-design
Design-quality reference for financial-research visual output: typography, color, composition, and avoiding generic AI aesthetics.
dashboard
Update the agent's Control Center. Use when the user says "update my Control Center", "update my dashboard", "redesign my home", or "/dashboard".