landing-page-scaffold

landing-page-scaffold is a skill for Claude Code, Codex from serejaris/kimi-skills. It costs 81 tokens per session (1,190 once invoked), scanned A, original, MIT.

A tool that creates a complete landing-page prototype as one HTML file, with sections for a headline, customer proof, features, pricing, and a call to action.

In plain words
What is it for?
Use it to draft marketing pages, product launch pages, wireframes, and browser-ready prototypes.
Why use it?
It removes the need to assemble the page structure and styles by hand or set up external libraries before previewing it.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: positional $N argument.

Good fit Use it to draft marketing pages, product launch pages, wireframes, and browser-ready prototypes.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/serejaris/kimi-skills/landing-page-scaffold
Install

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.

Any agent
npx skills add serejaris/kimi-skills --skill landing-page-scaffold
Clone the repo
git clone --depth 1 https://github.com/serejaris/kimi-skills

Made for: Claude Code, Codex.

Wrote 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.

agentmods badge for landing-page-scaffold

README.md
[![agentmods](https://agentmods.dev/badge/skills/serejaris/kimi-skills/landing-page-scaffold/github.svg)](https://agentmods.dev/skills/serejaris/kimi-skills/landing-page-scaffold)
Your own site
<a href="https://agentmods.dev/skills/serejaris/kimi-skills/landing-page-scaffold"><img src="https://agentmods.dev/badge/skills/serejaris/kimi-skills/landing-page-scaffold/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.

agentmods 80×15 button for landing-page-scaffold

Your own site · 80×15
<a href="https://agentmods.dev/skills/serejaris/kimi-skills/landing-page-scaffold"><img src="https://agentmods.dev/badge/skills/serejaris/kimi-skills/landing-page-scaffold.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 81 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,190 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5.1 $0.00081 $0.01190
Opus 5 $0.00041 $0.00595
Sonnet 5 $0.00016 $0.00238
Haiku 4.5 $0.00008 $0.00119

Measured 9d ago against content hash 12247e67b641, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-12, from the pricing page.

Security

Grade A, and why

landing-page-scaffold 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 9d ago.

The scan reads SKILL.md. This mod also ships 1 executable file (scripts/generate_landing_page.py), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

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.

skills/landing-page-scaffold/SKILL.md · 157 lines

How it starts

The opening of the file, as written. The whole thing — 157 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Landing Page Scaffold

Generate a fully structured landing page HTML prototype with a single command, featuring five core sections:

  1. Hero — Headline, subheading, CTA button
  2. Social Proof — Partner logos, key metrics, user testimonials
  3. Features — Product feature cards (with icon support)
  4. Pricing — Plan comparison table (with highlighted recommended tier)
  5. CTA — Footer call-to-action

Outputs a self-contained HTML file (all CSS inlined) that can be previewed directly in a browser with zero external dependencies.

Usage

Quick Start: Use Default Config

python3 scripts/generate_landing_page.py -o landing.html --open

Generates a landing page with default styling and opens it in the browser.

Customize Product Info

python3 scripts/generate_landing_page.py \
  --name "MyApp" \
  --tagline "Ship products 10x faster" \
  --description "The platform your team has been waiting for." \
  -o landing.html --open

Full Customization via JSON Config

python3 scripts/generate_landing_page.py --config my_config.json -o landing.html

See the "Configuration" section below for the config file format.

Custom Theme Color

python3 scripts/generate_landing_page.py --primary-color "#059669" -o landing.html

Output to stdout (Pipeable)

python3 scripts/generate_landing_page.py --name "Demo" > page.html

Parameters

Parameter Description
--config, -c Path to JSON config file (full customization of all content)
--name, -n Product/brand name
--tagline, -t Hero section headline
--description, -d Hero section subheading
--primary-color Primary theme color (HEX format, e.g. #4F46E5)
--output, -o Output file path (defaults to stdout if not specified)
--open Automatically open in browser after generation

Configuration

The JSON config supports the following fields (all optional; unspecified fields use defaults):

Read the full file on GitHub · 157 lines

Files

What ships with it

2 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.

Changes

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.

  1. 9d ago First seen · 157 lines · 81 tokens per session scan A 12247e67b641

Subscribe to this mod's changes

landing-page-scaffold is a skill published in the GitHub repository serejaris/kimi-skills (6 stars, last pushed 1mo ago), licensed MIT. It adds 81 tokens to every session and 1,190 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-09-03.

Related

Other skills, from other repositories

sketch

Throwaway HTML mockups: 2-3 design variants to compare.

mateaix/mateclaw · 18 tokens

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.

nexu-io/html-anything · 24 tokens

eval-graphics

Turn an eval study's numbers into on-brand, publish-ready figures using the Newsjack chart room (the eval design system), then validate them with Playwright. For producing the charts in a published eval/data study.

elvisun/newsjack · 47 tokens

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build landing pages, websites, dashboards, web components, or any frontend UI. Generates creative, polished code that avoids generic AI aesthetics.

tobihagemann/turbo · 48 tokens

reimagine-it-generate

Generate one Content-Derived Design direction from an HTML source, or let Auto choose the strongest direction. Use when the user says /reimagine-it generate, "redesign this page", "make it a landing page", "turn this into an infographic", names a token (all 17: webpage, infographic, svg, 3js, simulation, artistic…

Kayforkind/reimagine-it · 150 tokens

prototype

Build a self-contained local prototype at .turbo/prototypes/ .html, drive it, and hand it to the user to settle unknowns that prose cannot answer. Use when the user asks to "prototype this", "build a prototype", "mock this up", "show me what it would look like", "let me try the interaction first", or when a decision…

tobihagemann/turbo · 88 tokens