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/jeromwolf/templateclaw/templateclaw-landingnpx skills add jeromwolf/templateclaw --skill templateclaw-landinggit clone --depth 1 https://github.com/jeromwolf/templateclawWrote 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/jeromwolf/templateclaw/templateclaw-landing)<a href="https://agentmods.dev/skills/jeromwolf/templateclaw/templateclaw-landing"><img src="https://agentmods.dev/badge/skills/jeromwolf/templateclaw/templateclaw-landing.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.00047 | $0.00751 |
| Opus 5 | $0.00023 | $0.00376 |
| Sonnet 5 | $0.00009 | $0.00150 |
| Haiku 4.5 | $0.00005 | $0.00075 |
Grade A, and why
templateclaw-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 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 — 100 lines — stays where its author put it; the contents beside it link to each section on GitHub.
TemplateClaw — Landing Page Generator
Generate a production-ready landing page with cutting-edge 2026 design.
When Invoked
- If argument provided (e.g.,
/templateclaw-landing saas), generate that style directly - If no argument, ask: "What type of landing page? (saas / portfolio / product / startup / app)"
Landing Page Styles
SaaS Landing Page
- Hero with gradient mesh background + animated orbs
- Feature grid (3 columns) with glassmorphism cards
- Pricing table (3 tiers) with popular tier highlighted
- Social proof section (logos + testimonials)
- CTA sections with gradient buttons
- FAQ accordion
Portfolio Landing Page
- Full-screen hero with name + title + animated gradient text
- Project showcase grid with hover overlays
- Skills section with animated progress bars
- Experience timeline
- Contact form with glassmorphism style
Product Launch Landing Page
- Product hero with 3D-style mockup placeholder
- Feature highlights with icons
- How-it-works steps (numbered)
- Testimonials carousel
- Early access signup form
Startup Pitch Landing Page
- Bold statement hero with counter animations
- Problem → Solution narrative sections
- Team grid
- Investor logos / backed-by section
- Waitlist CTA
Mobile App Landing Page
- Phone mockup hero (CSS-only device frame)
- App screenshots carousel
- Feature list with device-specific icons
- Download badges (App Store / Play Store)
- Reviews section
Design System (All Styles)
/* Colors */
--bg-primary: #0A0E1A;
--bg-card: rgba(255,255,255,0.05);
--accent-violet: #7C3AED;
--accent-pink: #EC4899;
--accent-blue: #3B82F6;
--text-primary: #F8FAFC;
--text-secondary: #94A3B8;
/* Effects */
backdrop-filter: blur(20px);
border: 1px solid rgba(255,255,255,0.1);
background: linear-gradient(135deg, var(--accent-violet), var(--accent-pink));
/* Typography */
font-family: 'Inter', system-ui, sans-serif;
code: 'JetBrains Mono', monospace;
Output Requirements
- Single HTML file with embedded CSS and JS
- Tailwind CSS via CDN (
<script src="https://cdn.tailwindcss.com"></script>) - Google Fonts (Inter + JetBrains Mono) via CDN
- Fully responsive (mobile-first breakpoints: sm, md, lg, xl)
- Dark mode by default, optional light toggle
- Smooth scroll behavior
- Intersection Observer for scroll animations
- All images use placeholder gradients (no external images)
- Accessible: semantic HTML, ARIA labels, focus states
- Under 500 lines for single page, well-commented
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 · 100 lines · 47 tokens per session scan A 073585ed38ae
templateclaw-landing is a skill published in the GitHub repository jeromwolf/templateclaw (2 stars, last pushed 5mo ago), licensed MIT. It adds 47 tokens to every session and 751 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
dashboard-design
Use this skill first when the user wants to design or plan a dashboard, especially Vizro dashboards. Enforces a 3-step workflow (requirements, layout, visualization) before implementation. Activate when the user asks to create, design, or plan a dashboard. For implementation, use the dashboard-build skill after…
muapi-ui-design
Generate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates wireframes and design systems via muapi.ai.
ecommerce-checkout-optimization
Optimize e-commerce checkout flow to reduce cart abandonment. Friction analysis, payment method optimization, trust signals, and checkout UX best practices.
etsy-print-on-demand
POD integration — Printful, Printify, mockups, niche selection, margin optimization.
ln-75-architecture-diagram-builder
Creates evidence-backed current or target architecture diagrams when the diagram is the primary deliverable. Not for UI design, architecture audit, or invented structure.
link-ticket-to-session
Link the current Claude Code session to a ticket (Linear, Jira, GitHub Issues, or GitHub Pull Requests) and cache its title/status in karma. Use when the user explicitly asks to link, attach, associate, or connect this session to a ticket, issue, or PR — e.g. "/link-ticket-to-session ABC-123", "link this session to…