Skip to content
Get Friday PicksSubmit

Two months of landing pages made with AI Design Skills

A 15-second reel of landing pages the author designed in two months with this open-source designer skill, Claude, Cursor and Higgsfield: a blue-tile coastline, a pixel-cloud fintech page, a lighthouse hero, a chef mascot, a puppet-string agent page and a cockpit travel site.

0:00(no audio track)

Video: @elayadesigns on X, shown with credit. Press play; sound is on unless you mute it.

Why it's here

A reference for what AI Design Skills can make. The creator links the repo in the post itself. We checked the link: github.com/elayadesign/ai-design-skills.

Make one like it

  1. Open the AI Design Skills page and follow the install steps.
  2. Describe the video you want in plain words: subject, length, mood, music.
  3. Let the agent render it, then ask for changes (pacing, colours, text) until it looks right.

Sources & credit

The video belongs to its creator and is shown with credit. Want it removed or credited differently? Tell us.

More reference videos

Scrawl: a UI bug shown by voice and drawing, then fixed by the agent thumbnailAPP DEMO1:30

Scrawl: a UI bug shown by voice and drawing, then fixed by the agent

The author records a problem while talking and drawing on the screen; Scrawl turns it into marked frames and a timed transcript that the coding agent reads and acts on.

Scrawl@kitlangton♥ 3.2k
A dialog component drawn as an Apple-style spec sheet thumbnailAPP DEMO0:11

A dialog component drawn as an Apple-style spec sheet

The author's 11-second demo of dimensional-drawing: the sheet draws itself line by line, starting on the header close-up, pulling back to the plan view, lifting the layers into an exploded view and ending on the full page of measurements.

dimensional-drawing@enesozturkdev♥ 3.3k
unslop: an AI-looking landing page redesigns itself thumbnailAPP DEMO0:07

unslop: an AI-looking landing page redesigns itself

The author's 8-second demo: a purple, glowing AI-made invoicing landing page is marked up element by element and turns into a calm dark design with its own paper-plane hero, the before/after clip the skill can record for you.

unslop@heydamir♥ 1.6k
Hermes Desktop running in a browser thumbnailAPP DEMO1:05

Hermes Desktop running in a browser

The Hermes web app serves the desktop experience (chat, files, Git, terminal) from your own Hermes host.

Hermes Agent@BearHuddleston♥ 682
Hermes web app on mobile thumbnailAPP DEMO1:01

Hermes web app on mobile

A demo of the Hermes agent web app on phones and tablets, from a contributor to the open-source repo.

Hermes Agent@BearHuddleston♥ 755
Folding phone and a printable stand designed with text-to-cad thumbnailAPP DEMO0:52

Folding phone and a printable stand designed with text-to-cad

About ten minutes of chat in Codex: the agent models a folding iPhone concept, adds a working hinge, then designs a 3D-printable stand for it.

text-to-cad@earthtojake♥ 477