Choose the job
Choose for a page structured around an intended action. Compare the examples below, prepare your own material and review the requirements before installing.
A landing page or full site · A section for your current site · A portfolio or resume
Website Template Skills for AI agents
Choose for a page structured around an intended action. Compare the examples below, prepare your own material and review the requirements before installing.
Works in
Pick a web design Skill to start with
Three decisions before you build
Each Claude design Skill here is a folder of instructions, layout references and checks. Your agent loads it when you ask for a page, so the design decisions are already made.
Check the inputs
Gather approved copy, source files and the output constraints. Mark missing material before asking the agent to fill the layout.
Define the review
Check the complete path on a narrow screen and with keyboard navigation.
Find web design Skills for your role
Each role page picks the Skills that fit that job best.
For designersA design system your agent repeats, so you work on the details.
For foundersProduct sites, pitch decks and launch videos before the first hire.
For content creatorsCovers, social cards and talking-head overlays in your style.
For marketersCampaign pages, launch videos and social images from one brief.Work from a small first result
Three steps in Claude Code, Codex or Cursor. No design app needed.
- 1
Inspect the package
Download after obtaining access. Read SKILL.md and identify the dependencies and any outside costs.
Download the ZIP from this Skill page, extract it, and follow SKILL.md. - 2
Brief one small result
Ask your agent for one draft focused on a page structured around an intended action. Supply the source material instead of relying on sample facts.
/bs-scattered-cards-magazine Build a responsive landing page from this brief, copy, and brand kit. - 3
Review, then expand
Check the complete path on a narrow screen and with keyboard navigation.
index.html
A useful brief has three parts
| Part | What to specify |
|---|---|
| Outcome | a page structured around an intended action |
| Evidence | Your approved source material, with missing facts marked. |
| Review | Check the complete path on a narrow screen and with keyboard navigation. |
Every Skill, one plan
Install any Skill on this page and every new one we add. Cancel anytime.
Cancel anytime
Monthly
US$8.99 / month
Full Premium access, billed monthly.
- Access all Premium Skills
- Install from the web or CLI
- Secure browser-authorized CLI access
- Ongoing Skill updates
- New Premium Skills included
- Cancel whenever you need
Annual membership
Most popularYearly
US$69.00 / year
Full Premium access for a lower annual price.
- Access all Premium Skills
- Install from the web or CLI
- Secure browser-authorized CLI access
- Ongoing Skill updates
- New Premium Skills included
- Cancel whenever you need
Pay once · Founding price
Founding offerFounding Lifetime
US$159.00 one-time
Founding price — increases as the library grows.
- Access all Premium Skills
- Install from the web or CLI
- Secure browser-authorized CLI access
- Ongoing Skill updates
- New Premium Skills included
- No subscription or renewal bill
Cancel anytime. Payments are non-refundable.
Web design Skills FAQ
What is a web design Skill?
A folder with a SKILL.md, layout references and checks that teaches your AI agent one proven website design. The agent loads it when you ask for a page.
Can Claude Code build a website with a Skill?
Yes. Install the Skill into Claude Code, describe the site, and it writes the HTML following the Skill's layout. Codex and Cursor work the same way.
Do I get HTML, React or a Figma file?
Most web design Skills deliver a working HTML file. Some also name Next.js or component output on their detail page; none ship a Figma file.
Are the website templates free?
Some are. Free Skills carry a Free label; the rest are included in Pro or can be bought one at a time.
Explore other use cases
Find the right Skill for your next website
Landing pages, portfolios and full sites your agent builds.
Browse all Skills