AI Design Skills

Install

mkdir -p .claude/skills
git clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills
cp -r /tmp/ai-design-skills/skills/landing-page-design .claude/skills/

This is third-party code. Review the repository files before installing.

What it does

The collection's main skill drives building a high-converting landing page by the rule one offer, one audience, one primary action. The first part decides what the page says and how it is structured: intake questions on the goal, audience, objections and proof, block structure and conversion copy. The second part sets a strict visual system: typography, spacing, corner radius, background, hero layout, icons and motion. The skill's rules take priority over framework defaults, but an explicit user request always wins. The design values live in one section, so the set is easy to tune to your own style.

Who it is for. For designers, marketers and developers who build landing and promo pages.

Example request

Build a landing page for a SaaS launch with a single sign-up goal

Limitations

The skill covers building new pages; for redesigning an existing site the author recommends a separate redesign-skill repository. The design values are defaults meant to be tuned to your brand.

How to disable. Remove the landing-page-design folder from your agent's skills directory.

Security check

• The skill is design rules and copy guidance

README in short

The README describes a growing collection of design skills for agents where each skill is a self-contained folder. So far the landing-page-design skill is published for building a landing page: intake questions, page structure, conversion copy and a full visual system. Installation is by copying the skill folder into the agent directory for Claude Code, Cursor, Codex and others. The design values live in one section for tuning to your brand. MIT licensed.

SKILL.md

---
name: landing-page-design
description: "Complete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting, SEO, plus strict visual rules for typography, spacing, corner radius, backgrounds, hero layout, icons, and motion. Use this skill whenever building, editing, styling, reviewing, or writing copy for ANY landing page, marketing site, web UI, page section, component, or prototype."
---

# Landing Page Design

A landing page is not a homepage. A homepage serves multiple intents. A landing page wins one intent:

**one offer -> one audience -> one primary action.**

Related