←Leaderboard/Design/ai-design-skills
Last commit on July 29, 2026·Created on July 29, 2026

elayadesign/ai-design-skills

“A comprehensive system for structuring and styling high-converting landing pages.”
Combined rank
#179
across all skills
In Design
#28
category rank
Stars
2.8k
+8.3% in last 7d
Forks
198
+6.5% in last 7d
Watchers
4
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This skill provides a structured framework for building marketing sites and web interfaces. It guides the process from initial intake questions and page structure to conversion copywriting and SEO optimization.

It establishes strict visual rules for typography, spacing, corner radii, and motion, ensuring consistency across hero layouts, components, and prototypes.

WHO IT'S FOR
Conversion Rate Optimization (CRO) specialists
optimizing landing page structure and copy
UI/UX designers
applying strict visual rules for web interfaces
Direct response copywriters
writing conversion-focused headlines and CTAs
Frontend engineers
implementing marketing sites and web components
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill

Follow the documented setup, then try a first task.

I’m using

Claude Code

Installs: Single selected skill: landing-page-design · Claude Code

Before you start
  • git
  1. In a terminal, replace `<skill-name>` with `landing-page-design`, then run this complete command block. The relative destination is `.claude/skills/`.

    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/<skill-name> .claude/skills/
README.md ↗ · Checked Oct 18, 2026

Give it something to do.

Suggested first task

Run a landing-page intake

Uses landing-page-design

  • The offer or product being promoted
  • Any facts already known about the audience, conversion goal, traffic source, proof, assets, or commercial terms
Use the landing-page-design skill to prepare the intake for my landing page. Ask me in one batch for any missing information about the one primary action, exact offer, conversion event, target audience, problem, top three objections, traffic source, visitor awareness, proof points, available media assets, and any guarantees, refund terms, or cancellation terms. Stop after the intake questions; do not begin visual design yet.