Drinks Brand Site
A one-file brand site and shop for a small drinks maker, 34 routes: photo fan hero, recipes that rescale, stockist map, subscriptions, bag and demo checkout.
Web design Skills for AI agents
Agent Skills that build complete, responsive websites as single HTML files: storefronts, SaaS sites, portfolios and landing pages with working interactions. Each Skill builds a full page family with real interactions, then checks it at phone, tablet and desktop widths.
Checkout is not open yet: it opens once our payment provider finishes its review, and downloads open with it. Nothing is charged until then.
Pick a web page Skill to start with
19 Skills · 12 free
Landing pages & product sites
Developer Tool Site
A warm light one-file site for an issue tracker or developer tool, 12 views with a full dark theme: a live product window, working demos, pricing and every form.
Gifting App Site
A warm cream one-file site for a greeting-card or gift-card app, 19 pages: a tilted phone hero, a card editor you can use, a searchable gift shop with a basket, pricing and help.
Gradient Juice Site
A one-file site for a juice, drinks or food brand, with 31 routes: a gradient campaign hero with drifting cream ribbons, an arched flavor rail, a crate builder, bag, demo checkout and stockist map.
$4.99 or with Premium
SaaS Product Site
A dark one-file marketing site for a software or AI product, 5 routes: a working app preview, a pricing toggle, help search, live events and a changelog.
Portfolios & personal sites
Brand Studio Site
A 21-route marker-drawn site for a one-person packaging studio: a cut-out portrait in a cobalt blob, a tilted client ribbon, four solid-colour services, case studies, an estimator and a form.
Designer Portfolio Site
A white sheet in a lime frame for an independent designer, 19 pages: a portrait hero, a moving client strip, services with prices, six case studies with working mock-ups and a brief form.
Poster Designer Portfolio
A printed-sheet portfolio for a poster or print designer, 14 pages: grey grid paper, a one-word display title beside a cut-out portrait, eight posters with live type, project pages and a brief form.
Online stores
E-bike Store
A one-file e-bike store with 35 routes: studio hero, range calculator, compare, a page per bike, test-ride booking, bag and demo checkout.
Pet Store
A one-file pet-supply store with 39 routes: live-count filters, a page per product, refill planner, bed chooser, wishlist, bag and demo checkout.
Pharmacy Storefront
A one-file pharmacy store with 30 routes: filterable shop, a page per product, a working bag, demo checkout and pharmacist services.
Sneaker Store
A one-file footwear store with 27 routes: sage campaign hero, popular tabs, filters, a page per pair with width and size choice, size finder, bag and demo checkout.
$4.99 or with Premium
Local business sites
Dental Clinic Site
A 13-page website for a dental practice: photo-led home, a page per service, team, prices and a real booking tool.
Neighborhood Café Site
A complete one-file website for a café or bakery: filterable menu, live open-now status, booking form and local-search data.
More web page Skills
Dot Avatar Maker
Describe a cute round character and your agent opens a 3D maker already set to it: 25 forms, 12 materials, 32 styles. Download a transparent PNG or a 3D page.
$4.99 or with Premium
Interview Podcast Site
A one-file home for an interview show, 31 routes: a dark hero card with an audio card, a docked player with chapters and a queue, a filtered archive, episode pages with transcripts, and guests.
$4.99 or with Premium
iPhone Duo Mockup
Put your app, site or screen recording on a 3D iPhone Duo that folds in the browser. Your agent sets both screens and exports a transparent PNG or a 60 fps MP4.
$4.99 or with Premium
Sports Club Site
A one-file site for a tennis, padel or any club that sells sessions, with 24 routes: a rounded sky-and-court hero, a live quick-booking bar, timetable, plan finder, court map and booking.
$4.99 or with Premium
Travel Agency Site
A one-file site for a small travel or walking company with 30 routes: a mountain-photo hero with one giant word and a glass search bar, filterable journeys, a booking request and a quiz.
$4.99 or with Premium
What web page Skills do
Every Skill here ends in a page you can open in a browser and click through.
- Working pages, not pictures. Forms, carts, menus and calculators work in the file the agent hands you.
- A whole page family. Home, product, pricing, contact and legal pages share one design and link to each other.
- Checked at every width. Each page is tested at phone, tablet and desktop widths before the agent calls it done.
Find web page Skills for your role
Every role page gathers the Skills that people in that job reach for most.
- Content creatorCovers, share images and short clips in one recognisable style.
- FounderA product site, a deck and a launch film without hiring a studio.
- Ecommerce sellerStore pages and share images built around your own products.
- DesignerLayouts with the rules written down, so you spend time on details.
- MarketerLaunch pages, clips and social images from a single brief.
How to build a web page with a Skill
Three steps in Claude Code, Codex, Cursor or similar, with no design tools involved.
- Add the Skill folder. Download the ZIP and unzip it into your agent's Skills folder. Each agent page shows where that folder is.
- Call it with a slash. Type a slash and the Skill's name, then describe what you need in your own words.
- Review and ship. Open what it made, ask for changes in the same conversation, then publish it or pass it on.
Where each agent keeps Skills
The folder to unzip into, from each agent’s own docs.
- Claude Code Skills
~/.claude/skills/ - Codex Skills
~/.agents/skills/ - Cursor Skills
~/.cursor/skills/ - Gemini CLI Skills
~/.agents/skills/ - OpenCode Skills
~/.config/opencode/skills/ - GitHub Copilot Skills
~/.copilot/skills/ - Google Antigravity Skills
~/.gemini/config/skills/ - OpenClaw Skills
~/.openclaw/skills/ - Kimi Code Skills
~/.kimi-code/skills/ - TRAE Skills
~/.trae/skills/
A web page Skill or a plain prompt
A model can produce a web page from a prompt alone. A Skill makes the result repeatable.
| Aspect | A plain prompt | A Skill |
|---|---|---|
| Design | Whatever the model comes up with that day | A finished, tested layout |
| Repeat runs | Drifts from one run to the next | The same style every time |
| Checks | You find the problems yourself | Runs its own checks before handing over |
What is a web page Skill?
A web page Skill is a folder of instructions, templates and checks that your agent follows to produce a web page from your material, in a design that is already finished.
- Start from the result. Open the preview and compare it with what you need to hand over. A Skill keeps its look, so pick the one that is closest from the start.
- Check what it needs from you. Each Skill's card lists its inputs: a brief, a spreadsheet, photos or a link. Have them ready and the first run is usually the last.
- Look at the tools it uses. Some Skills render with local tools such as FFmpeg, or call an image model with your own key. The page says so up front.
What you can make with web page Skills
- Launch and campaign pages. Your copy and photos become a page with clear sections and a sign-up or buy button.
- Clickable prototypes. Screens with working buttons and tabs, so people can try an idea before it is built.
- Stores and local business sites. Menus, product grids, booking forms and opening hours that work in the file.
- Portfolios and personal sites. Case studies, project pages and contact forms in one consistent style.
FAQ
Questions about web page Skills
Which agents can run these Skills?
Any agent that reads SKILL.md folders, including Claude Code, Codex and Cursor. Only the folder you unzip into changes; each agent page shows it.
What do I get when the Skill finishes?
Real files you can open and edit, not a picture of a result. Each Skill's card lists what it makes.
Do I need design experience?
No. The layout and style rules are part of the Skill. You bring the content: names, numbers, photos or a link.
Are free Skills cut down?
No. Free Skills are complete. Premium Skills come one at a time or with a plan.
Other output types
Your next web page, finished by your agent
Pick a Skill, unzip one folder and ask for the result in plain words. $9.99 / month · $79 / year · $169 once, or $4.99 for one Skill.
See pricing