[KongchangAI]
Product

Landing Page Design

A landing page design skill built for Claude Code and Cursor, open-sourced by designer Elia under the MIT license. Through structured markdown instructions it constrains AI to generate landing pages with a professional quality, including structural planning, a font whitelist, and a fixed spacing system.

Timeline (last 90 days)

Oct 30

Designer Elia open-sourced a landing page design skill called Landing Page Design, made for Claude Code and Cursor, under the MIT license and completely free.

Unverified50%
Oct 30

The Landing Page Design skill has already gained close to 9,000 stars on GitHub.

Unverified50%
Oct 30

The essence of the Landing Page Design skill is a structured markdown instruction file that can be read and executed once placed in a Claude Code or Cursor project.

Unverified50%
Oct 30

The first step in using the skill is to answer three questions: what the product/service is (offer), whom it is for (audience), and what the single action you want visitors to complete is.

Unverified50%
Oct 30

The skill lays out 12 page sections, starting with the main headline and going all the way through to the FAQ and the final call-to-action button.

Unverified50%
Oct 30

The skill restricts fonts to a whitelist, which includes: Geist, Manrope, Geist Mono, Poppins, Never, Intel, Roboto.

Unverified50%
Oct 30

The skill's spacing takes values from a fixed list of 13 numbers.

Unverified50%

All Facts (7)

Source Articles