Browse
6 prompts

Claude prompts for design

Every design prompt in the collection, most liked first. Each one is free to copy and shows an example of what it produces.

Image outputA bright yellow 404 page for a plant care app called Fern, with a huge 404 and the headline "That page got repotted", a line saying there is nothing at /pricing-old and that the visitor probably wants /pricing, a search field, four pill links, and a flat illustration of a sad plant pot with a fallen leaf

A 404 page that doesn't feel like a dead end

Tell Claude about your site and its tone and get a 404 page as one HTML file that says what happened in plain words, guesses where the visitor wanted to go, and offers a search box and the main sections, with the copy written to match the brand.

Video outputA travel app page with a profile row, a hero card and three trip cards, shown first as grey placeholder blocks with a shimmer sweeping across them, then filled in block by block with an avatar, headings, text and illustrations while nothing moves or resizes

A skeleton screen that turns into the real page

Describe the layout of a page and get a loading skeleton in CSS where every grey block is the exact size of the content it stands for, with a shimmer, a reduced motion fallback and a demo that fades the real content in without anything jumping.

Image outputA pricing section with three plan cards side by side, the middle card raised and tagged most popular, a monthly and yearly toggle above, and the same six features listed in the same order on every card

A pricing table that makes the middle plan obvious

Describe your plans and get a responsive pricing section in one HTML file, with a monthly and yearly toggle, the plan you want people to pick clearly raised, and a feature list that can be compared across cards at a glance.

Image outputA set of twelve line icons on a light grid, each labelled: home, search, settings, calendar, chat, bell and more, all with the same stroke weight

An icon set in one consistent style

Name the actions in your app and get a matching set of line icons as SVG, all on the same grid with the same stroke, so they look like they belong together.

Image outputA landing page hero for a parcel tracking app, with a bold headline, a signup button and an illustrated parcel card

One file landing page hero

A complete, responsive hero section in a single HTML file. No frameworks, no images, ready to paste into a site or build on.