AI design skills · Cheatcode

into

curl -fsSL https://api.cheatcodehq.com/install.sh | sh -s -- ai-design-skills --to all

Copies 1 skill into each app's skills folder (Claude Code: ~/.claude/skills), after checking every file against elayadesign/ai-design-skills at commit 1c1e97c. Nothing else on your computer changes. To undo it, run the terminal command with --uninstall at the end; that also removes what the app added.

Then start a new session in your AI app and ask for the work in plain words; it picks the skill from its description. In Claude Code you can also type /ai-design-skills:landing-page-design.

See it in use

One real session, replayed step by step: the request, each step at the moment it happened, and the answer, unedited. Long waits are shown faster, with the real time in the corner. Sample brief invented for this example: Hearth & Crumb is a fictional bakery, and its owner, prices and reviews are made up.

The result

landing.html

A page plan with every headline, benefit and FAQ answer, and a landing page you can open in a browser.

landing.html, the file the session saved, opened in a browser.

Open the whole result

Try it

After installing, start a new session and say: Plan and build a landing page for the offer in brief.md. Save the plan as plan.md and the page as landing.html, and tell me what in my brief would hurt signups.

What else it can do, and its limits

One skill for landing pages, marketing sites and web interfaces: intake questions, page structure, layout choice, conversion copy and SEO
A strict visual system: approved fonts, a fixed type scale and spacing set, corner radius rules, flat backgrounds, icon sets and motion curves
Writes real draft copy: no filler text, placeholder brands, round fake numbers or AI cliches
Reviews an existing page or component against the same rules
Builds the page as code; forms, checkout links, photos and legal pages are yours to connect or supply, as this run shows

Sample input Recorded Oct 24, 2026 in Claude Code 2.1.308 with Sonnet 5.5. The video replays that session; nothing in it was acted or edited.

What's inside 1 skill

landing-page-designComplete 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, even when the user does not mention design, conversion, tokens, or a design system. Always consult it before choosing page sections, headlines, CTAs, fonts, font sizes, spacing values, border radii, background colors, icons, or transitions.
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, even when the user does not mention design, conversion, tokens, or a design system. Always consult it before choosing page sections, headlines, CTAs, fonts, font sizes, spacing values, border radii, background colors, icons, or transitions.

About

Where this comes from. The public repository elayadesign/ai-design-skills at commit 1c1e97c, under its MIT license, copied without changes. elayadesign is not affiliated with Cheatcode and has not claimed this listing yet. New releases are repackaged after review, never synced automatically. If this is your project, write to admin@cheatcodehq.com to claim or remove it.

Something wrong with this listing, or it did not install? Tell us

Versions

v0.0.0-g1c1e97cListed from elayadesign/ai-design-skills at 1c1e97c · 2026-09-28