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 LeadMagic/gtm-skills --skill ui-ux-gtmgit clone --depth 1 https://github.com/LeadMagic/gtm-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/leadmagic/gtm-skills/ui-ux-gtm)<a href="https://agentmods.dev/skills/leadmagic/gtm-skills/ui-ux-gtm"><img src="https://agentmods.dev/badge/skills/leadmagic/gtm-skills/ui-ux-gtm/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/leadmagic/gtm-skills/ui-ux-gtm"><img src="https://agentmods.dev/badge/skills/leadmagic/gtm-skills/ui-ux-gtm.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.00096 | $0.03613 |
| Opus 5 | $0.00048 | $0.01806 |
| Sonnet 5 | $0.00019 | $0.00723 |
| Haiku 4.5 | $0.00010 | $0.00361 |
Grade A, and why
ui-ux-gtm 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 2d 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 — 369 lines — stays where its author put it; the contents beside it link to each section on GitHub.
UI/UX for GTM
Overview
GTM tools live or die on usability. A landing page with beautiful design that converts at 1% loses to an ugly page converting at 4%. The mistake: designing for aesthetics over conversion, or for desktop over mobile, or for perfect vision over real-world accessibility. This skill covers UI/UX patterns for every GTM surface — landing pages, forms, signup flows, dashboards, and onboarding — with a ruthless focus on conversion, accessibility, and mobile performance.
When to Use
Trigger phrases: "design a landing page UI", "audit our form UX", "improve signup flow conversion", "design a GTM dashboard", "make our pages accessible", "mobile-first GTM design", "conversion rate optimization", "form design", "onboarding UX", "WCAG compliance"
Authoritative Foundations
Nielsen Norman Group — 10 Usability Heuristics
- Visibility of system status
- Match between system and real world
- User control and freedom
- Consistency and standards
- Error prevention
- Recognition rather than recall
- Flexibility and efficiency of use
- Aesthetic and minimalist design
- Help users recognize, diagnose, and recover from errors
- Help and documentation
Baymard Institute — Form UX Research
- Average form abandonment rate: 68%
- Every field removed increases conversion by 5-10%
- Inline validation reduces errors by 22%
- Single-column forms outperform multi-column by 15%
Steve Krug — Don't Make Me Think
"Don't make me think" is the first law of usability. If a user pauses to figure out what to do next, the design has failed.
Step-by-Step Process
Phase 1: Landing Page Architecture
Conversion-first landing page structure (top to bottom):
- Hero (above fold — 3 seconds to communicate value):
- Headline: The outcome, not the feature. "Close more deals" > "CRM software"
- Subhead: One sentence. "Automate prospecting and enrichment so your team spends time selling, not researching."
- Hero image: Product screenshot (real, not illustration) or demo video
- Primary CTA: "Start free trial" or "Get a demo" — one CTA only
- Secondary link: "See how it works" (for people not ready to commit)
What ships with it
3 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.
- 2d ago Changed 38b0f790e464
- 6d ago First seen · 369 lines · 96 tokens per session scan A 84f12d4fecdf
ui-ux-gtm is a skill published in the GitHub repository LeadMagic/gtm-skills (48 stars, last pushed 2d ago), licensed MIT. It adds 96 tokens to every session and 3,613 once invoked, about $0.0005 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-03.
Other skills, from other repositories
saas-landing
A single-page SaaS landing page for a software product, with sections such as the hero, features, customer proof, pricing, FAQs, and a call to action. SaaS means software delivered online, usually by subscription.
masonry
When the user wants to design, optimize, or audit masonry (Pinterest-style) layouts for content display. Also use when the user mentions "masonry layout," "masonry grid," "Pinterest layout," "waterfall layout," "brick layout," "varying height grid," "gallery layout," or "masonry SEO." For crawl and scroll UX, use…
grid
When the user wants to design, optimize, or audit grid layouts for content display. Also use when the user mentions "grid layout," "grid design," "multi-column grid," "CSS grid," "responsive grid," "card grid," "product grid," or "feature grid." For cards layout, use card.
design-reviewer
Reviews implemented React/Tailwind/CSS output for design quality across 5 dimensions scored 0-4: anti-patterns.
website-build
Orchestrates full-site build pipeline from brand to deployed pages. Chains brand-kit → landing-page-wireframe.
landing-page-wireframe
Creates visual page layouts using Framer-ready component blocks. Produces block sequences, component specs, and.