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.
Build a product website with AI Skills
Skills that build a marketing site for a software product: product page, pricing, help centre, events and changelog, in one HTML file you can host anywhere. Bring your product facts, plans and screenshots; the Skill builds the pages and the interactive demos.
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 product website Skill to start with
9 Skills · 6 free
Software & app sites
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.
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 & studio 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.
More product website Skills
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
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 product website Skills do
Each Skill here does one job from start to finish: it reads your material, builds the result and checks it.
- One job, done completely. The Skill covers every step of the job, not just a first draft you still have to finish.
- Your content in a finished design. You bring the facts and files. The layout and style are already decided.
- Checked before hand-over. The agent runs the Skill's checks and tells you about anything it could not fill.
Find product website Skills for your role
Every role page gathers the Skills that people in that job reach for most.
How to build a product website 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/
Build a product website with a Skill or a plain prompt
You can ask any agent for this. The difference is what comes back.
| Aspect | A plain prompt | A Skill |
|---|---|---|
| Starting point | A blank page | A finished, tested design |
| Steps | Improvised each time | Written down and followed in order |
| Checks | You find the problems yourself | Runs its own checks before handing over |
| Result | A draft that needs another pass | Files you can edit and ship |
Before you build a product website
What to have ready so the first run is the one you keep.
- Gather the facts. Names, prices, dates and contact details go in one file. The agent copies them exactly instead of guessing.
- Bring your own images. Photos and logos you own make the result yours. Without them the Skill uses its own example artwork.
- Say where it will be used. Mention the audience and where the result will live. The Skill adjusts wording and size to fit.
FAQ
Questions about product website 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.
How long does a run take?
Most runs finish within a few minutes. Skills that render video or generate images take longer, and the page says what they need.
Can I change the result afterwards?
Yes. Everything comes back as editable files, and you can ask the agent for changes in the same conversation.
Are free Skills cut down?
No. Free Skills are complete. Premium Skills come one at a time or with a plan.
More jobs
Your next product website, 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