landing-page-design Skill (inference.sh): Landing Page Rules and AI Visuals

Makes Claude apply landing page conversion rules to your page and generate hero images with the inference.sh belt CLI.

Installs: 59.6K; on skills.sh
Stars: 17; on GitHub
Updated: Aug 2026; last repo commit

This skill gives Claude a checklist for landing pages: the above-the-fold layout, headline formulas, CTA wording, section order, form length, mobile rules and page-speed targets. It also shows belt app run commands that make a hero image or a share card and search for competitor pages.

It is a single SKILL.md. It loads when your request matches its trigger words, such as landing page, hero section or conversion optimization. To run the image and search commands you need the belt CLI from inference.sh and an inference.sh login.

Good for

Founders and marketers writing a startup or SaaS landing page
Designers who want hero and share images made while they work
Developers building a product page who need layout and mobile rules

Install landing-page-design

Claude Code

Copy this prompt.

Install the landing-page-design skill in Claude Code. Run this command:

npx skills add inference-sh/skills@landing-page-design

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

The skill only does its image, video and search steps when the belt CLI is installed and logged in (SKILL.md Quick Start). The Homebrew and installer commands come from cli-install.md, which also lists npx and Scoop. The vendor README documents a Claude Code plugin route (/plugin marketplace add inference-sh/skills), but the repo has no .claude-plugin/marketplace.json (HTTP 404 on Nov 2, 2026) and the plugin would add every skill in plugin.json, so it is not listed here. This page installs from inference-sh/skills, the vendor's own repo.

From its listing on skills.sh. Source.

What's in the skill

When it loads

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

Sections in SKILL.md

Quick Start
Above-the-Fold Formula
The 5 Elements
Headlines
Formulas That Convert
What Makes Headlines Fail
Hero Images
Show the Outcome, Not the Product
CTA Buttons
Text
Design
Section Order
Social Proof Types
Form Design
Mobile Optimization
OG Image for Sharing

Key facts

Author: inference.sh
License: No LICENSE file in the repo; the README badge and plugin.json both say MIT
Installs on skills.sh: 11 (Nov 2, 2026)
GitHub stars: 797 (Nov 2, 2026)
Last commit: Oct 15, 2026 (repo)
What installs: 1 file: SKILL.md
Needs: The belt CLI from inference.sh and a belt login

What it includes

Logs in with belt, makes a hero image and searches for competitor landing pages.
Runs code · Quick Start
Five elements to show before scrolling, from headline to social proof.
Above-the-fold formula
Five headline formulas that convert, plus four failing headlines to avoid.
Headline formulas
Show the outcome, not the product; two belt commands make hero images.
Runs code · Hero images
Good and bad button text, and design rules for color, size, position and whitespace.
CTA buttons
A nine-section sequence from hero to final CTA.
Section order
Six proof types with placement advice; one belt command researches proof stats.
Runs code · Social proof types
Six rules for forms, including single column and inline validation.
Form design
Seven mobile rules such as full-width CTA, sticky CTA and 16px minimum font.
Mobile optimization
Makes a 1200x630 share image with a generation app or an HTML-to-image app.
Runs code · OG image for sharing
Five targets: hero image, page weight, lazy loading, JavaScript size and LCP.
Page speed
Eight mistakes with the problem and the fix for each.
Common mistakes

From the official docs

Permissions

Medium risk

Claude can run belt commands that call AI apps through your inference.sh login. Read the first command before it runs and check app pricing before bigger jobs.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

Claude runs belt commands for you
SKILL.md lists `Bash(belt *)` in allowed-tools and its commands call apps such as falai/flux-dev-lora, bytedance/seedream-4-5, tavily/search-assistant, exa/answer and infsh/html-to-image. Each command's --input is passed to the named app, so read prompts before they run. github.com
Running apps can use credits
The belt CLI skill documents belt balance (check credits) and belt app pricing (see cost formula before running). Check the price before large or repeated runs. github.com
You install the belt CLI separately
cli-install.md offers a curl installer, Homebrew, npx and Scoop. It says the installer downloads a binary from dist.inference.sh, verifies its SHA-256 checksum, and uses no elevated permissions, background processes or telemetry. github.com

Security advisories

No published security advisories as of Nov 2, 2026.

Technical details

Talks to	inference.sh (belt app run). cli.inference.sh and dist.inference.sh (belt installer)
Sign-in and keys	SKILL.md tells you to run belt login. The files we read do not say where belt keeps the login.
Scopes	Bash(belt *) in SKILL.md allowed-tools

Questions

What does landing-page-design do?

It gives Claude rules for building a landing page: layout above the fold, headlines, hero images, CTA text, section order, social proof, forms, mobile and page speed. It also lists belt commands that generate images and run web research.

How do I install landing-page-design?

Use the install box above. It installs the skill folder, and you also need the belt CLI, which the SKILL.md links to in cli-install.md. Then run belt login, as SKILL.md's Quick Start does.

Does it need an account or API key?

It needs the belt CLI and a belt login to inference.sh. SKILL.md names these apps: falai/flux-dev-lora, bytedance/seedream-4-5, tavily/search-assistant, exa/answer and infsh/html-to-image. The belt CLI skill documents belt balance to check credits and belt app pricing to see the cost formula before running an app, so check pricing there.

Is it safe to use?

The skill's frontmatter allows Bash(belt *), so Claude can run belt commands that call AI apps on inference.sh. The files in this folder are one SKILL.md. Our advice: read the first belt app run command Claude proposes, and check an app's price with belt app pricing before large runs.

Is there another copy of landing-page-design?

Yes. skills.sh also lists a copy under 101-skills/superpowers, with many more installs. This page installs from inference-sh/skills, the vendor's own repo, and the facts here come from there. Pick one source so you do not get the skill twice.

What else does SKILL.md point to?

Its Related Skills section lists these installs from inference-sh/skills: ai-image-generation, web-search and prompt-engineering. They are optional hand-offs, not requirements for the layout and spec advice in this skill.

Information

updated Nov 2, 2026

Repository: inference-sh/skills
Folder: guides/design/landing-page-design

inference-sh/skills skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 5

cli-install.md · github.com
landing-page-design SKILL.md · github.com
plugin.json · github.com
inference-sh/skills README · github.com
belt CLI SKILL.md · github.com