Seven free skills that teach Claude Code, Codex, Cursor and other coding agents to explore, audit and ship landing pages. One command installs each one.
› Explore directions for our pricing section
✓ design-explorations/pricing.html
Three to six directions for one section, side by side, built from real landing pages.
7 files · 46 KB
› Audit https://yoursite.com
✓ Critical 2 · Major 5 · Minor 4
A design audit of any landing page, ranked by severity and benchmarked against real ones.
12 files · 37 KB
› Write a DESIGN.md from https://yoursite.com
✓ DESIGN.md
Your site’s colors, type, spacing and components, written down in a DESIGN.md.
7 files · 39 KB
› Make this page mobile friendly
✓ index.html · styles.css
One pass that makes a desktop-first page work on a 390px phone.
3 files · 24 KB
› Screenshot the pricing section at 390px
✓ screenshots/pricing-390.png
A PNG of any page, section or element, at any viewport.
4 files · 19 KB
› Make a share image for the pricing page
✓ public/og/pricing.jpg
A 2400×1260 share image in your brand colors, plus the meta tags to use it.
6 files · 26 KB
› Make the homepage copy less AI
✓ 14 lines edited · 0 claims changed
Strips the AI tells out of your landing-page copy and keeps the pitch.
2 files · 8.5 KB
Three of these work from 4,600+ real sections once you connect the MCP.
Connect the MCP