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 robzilla1738/roberts-skills --skill web-marketing-landinggit clone --depth 1 https://github.com/robzilla1738/roberts-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/robzilla1738/roberts-skills/web-marketing-landing)<a href="https://agentmods.dev/skills/robzilla1738/roberts-skills/web-marketing-landing"><img src="https://agentmods.dev/badge/skills/robzilla1738/roberts-skills/web-marketing-landing/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/robzilla1738/roberts-skills/web-marketing-landing"><img src="https://agentmods.dev/badge/skills/robzilla1738/roberts-skills/web-marketing-landing.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.00072 | $0.01472 |
| Opus 5 | $0.00036 | $0.00736 |
| Sonnet 5 | $0.00014 | $0.00294 |
| Haiku 4.5 | $0.00007 | $0.00147 |
Grade A, and why
web-marketing-landing 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 12d 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 — 93 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Web Marketing Landing
Hub skill for a long-form product landing page: editorial typography, monochrome surfaces with a single cyan–navy accent gradient, glass on hero/chrome only, CSS-first motion, and eleven ordered sections inside a marketing shell.
Read this file first, then open only the spoke files needed for the task.
Mission
Build a landing that feels premium and product-specific, not a generic SaaS template. The page should read as one continuous story: hero promise → plain explanation → integrations → product depth → outputs → flow → differentiation → trust → personas → FAQ → final CTA.
Use placeholders in specs and copy decks: {{Brand}}, {{Accent}}, {{AppUrl}}, {{Connectors[]}}. Do not hard-code a customer name in skill prose.
Non-negotiables
- CSS-first motion — entrance stagger, gradient shift, connector orbit, and nav glass use keyframes/utilities. Do not require Framer Motion for the landing.
- Token-driven color — monochrome UI (
--color-bg,--surface-panel*, hairlines) plus one accent gradient (--accent-grad-*or project-prefixed vars). Accent is punctuation, not wallpaper. - Glass discipline —
backdrop-bluron hero eyebrow, CTAs, hero feature cards, and scroll-phase nav only. Body sections use solid panels and hairline borders. - Viewport-aware hero —
min-h-[calc(100svh-<nav-offset>)]on the hero panel; respect mobile safe areas. - Reduced motion — disable rise, gradient shift, and orbit animations under
prefers-reduced-motion: reduce; setscroll-behavior: autoonhtml. - Scroll nav — fixed nav interpolates width/padding/background;
data-glassover dark hero, solid pill after scroll threshold. SupportsolidNavfor pages without a dark hero. - Accessible structure — semantic sections,
aria-hiddenon decorative layers, focus-visible outlines on interactive elements.
Section blueprint (implement in order)
| # | Section ID | Component pattern | Spoke |
|---|---|---|---|
| 1 | (hero) | Full-viewport aurora hero + 3 feature cards | hero-aurora.md |
| 2 | #what-is-{{slug}} |
55/45 intro grid + 3 fact pills | layout-sections.md |
| 3 | #connectors |
Centered copy + connector hub | connector-hub.md |
| 4 | #product |
Headline + bento features grid | section-components.md |
| 5 | (deliverables) | 4-column icon cards | section-components.md |
| 6 | #flow |
Split header + flow preview + marketing-wash |
section-components.md |
| 7 | (comparison) | “Typical vs {{Brand}}” gradient panel rows | section-components.md |
| 8 | #secure |
Split header + security matrix | section-components.md |
| 9 | (use-cases) | 4-column persona cards | layout-sections.md |
| 10 | (faq) | 2-column FAQ cards | section-components.md |
| 11 | (footer CTA) | Large wordmark CTA band | shell-and-nav.md |
What ships with it
10 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.
- 12d ago First seen · 93 lines · 72 tokens per session scan A f750ddd6db22
web-marketing-landing is a skill published in the GitHub repository robzilla1738/roberts-skills (5 stars, last pushed 3mo ago), licensed MIT. It adds 72 tokens to every session and 1,472 once invoked, about $0.0004 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
hatch3r-design-system-detect
Detects existing design tokens, component library, and theming convention in a project before authoring new UI primitives — output a concise inventory for downstream implementers.
ss-studio
Turn a product brief and optional references into three distinct creative directions, a human-selected StyleSeed interaction plan, generated image/video asset jobs, a working UI prototype, and a verified prototype-first showcase reel. Use for client concepts, app interaction exploration, trendy but coherent UI…
ss-copy
Generate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and tone.
conversational-ux
Design voice and conversational interfaces — dialog flows, error recovery, and persona. Use when the interface speaks and listens rather than being tapped. For graphical input collection, use form-design.
form-design
Design a form end to end — field order, grouping, validation, and completion. Use when the artifact is a form. For product-wide error strategy use error-handling-ux; for first-run signup use onboarding-design.
peak-end-rule
Apply the Peak-End Rule — a flow is remembered by its most intense moment and its last. Use when designing completion, celebration, or cancellation moments. For sustaining engagement mid-flow, use zeigarnik-effect.