Web design skills for AI agents
Landing pages, portfolios, docs and animated heroes with a finished art direction. Your agent fills in your words, colors and screens, then checks the page at four widths.
Free skills to start. Pro is $99 a year for every skill, or $19 a month for 10. See pricing
Pick a web design skill to start with
Mono Editorial Landing
Landing Pages · One HTML file · drafted from your README
A black-and-white editorial landing page: a large serif headline, a drop-cap introduction, numbered ruled columns, feature spreads with framed figures, a pull quote and questions. Your agent drafts it from your README, you rewrite the headline together, and the hero holds a waitlist form that really signs people up, or buttons to get started.
What you get
What web design skills make
Landing and waitlist pages
Editorial, bento and glow looks, written from your real features, with a form that really signs people up.
See Bento SaaS Landing
Animated heroes
50 hero sections, each with its own art direction and a still picture for browsers that can’t run it.
See Frosted Glass Hero
Docs and portfolios
A docs site with search and an API reference, or a portfolio pinned together like a scrapbook.
See Docs Starter
By role
Find web design skills for your role
How it works
Three steps from install to result
- Step 1
Paste the install prompt
Copy it from any skill page and paste it into your agent. The first time, your agent opens a browser tab so you can approve it. The installer writes the skill to ~/.agents/skills, ~/.claude/skills or both, depending on where you run it.
curl -fsSL https://lookbk.dev/cli.js | node - add mono-editorial-landing - Step 2
Ask for the result you want
Describe the job in plain words, as in the example. The agent follows the skill’s steps and tells you what it needs from you: your site, your numbers or your logo.
Build a Mono Editorial landing page for quietly.example from our README, with a waitlist form. - Step 3
Review and ship
Your agent runs the skill’s own checks and hands you the files. Ask for changes in plain words until it is right.
One HTML file · drafted from your README
About
About these skills
Compare with a plain promptWhy use a web design skill instead of a prompt?
| What you compare | A chat prompt | A Lookbk skill |
|---|---|---|
| Starting point | A blank prompt and a guess at the style | A finished art direction your agent follows |
| Design | A generic layout that looks like the next one | A complete art direction chosen up front: type, palette and motion |
| Before handoff | You test it on your phone yourself | The page is checked for overflow, contrast and cut-off text at several widths |
| Checks before you see it | You spot the cut-off text and the weak contrast yourself | Each skill checks text fit, overlaps and contrast before it hands over |
PlansFree skills stay free. Pro is $19 a month, or $99 a year.
Pro monthly
$19/month
10 Pro skills a month. Billed monthly.
Pro yearly
Best value$99/year
About $8.25 a month.
Founding Lifetime
Founding offer$199once
First 100 seats at $199, then $299.
Prices are in US dollars. Sales tax or VAT is added at checkout where it applies.
Just need one skill? A single Pro skill is $6.90. Every purchase comes with a 7-day works-or-refund promise. Compare all plans
FAQ
Web design skills: FAQ
Still stuck? The guides cover installing, agents and licensing in more detail.
Read the guidesHow is this different from the Web skills page?
The Web page groups skills by what they make: pages. This page groups them by the job you are doing, which is designing a site or a section of one. Today the two lists match, because every web skill fits that job.
Do I get a finished website?
You get a page or a section, as plain HTML with a paste-in embed on most. Multi-page apps with logins and databases are outside what these skills do.
Will the skill make up facts or numbers?
A skill builds from what you give it: your site, README, numbers and screenshots, and it draws charts from your data. It checks layout, text fit and contrast, not whether a claim is true. Read the result before you publish it, because it goes out under your name.
Which agents are they written for?
Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.
Can I try one for free?
Yes. 2 of the 50 web design skills are free: Mono Editorial Landing, Waitlist Glow. A free account is all it takes to install one. No card needed.
What does it cost?
Free skills cost nothing. A single Pro skill is $6.90, yours to keep with a year of updates. Pro is $99 a year for every Pro skill, or $19 a month for 10 Pro skills a month, and Founding Lifetime is $199 once for the first 100 members, then Lifetime is $299. If a skill doesn’t work with your agent, email support@lookbk.dev within 7 days of buying and we fix it or refund you.
Can I use what I make commercially?
Yes. Anything your agent makes with a Lookbk skill is yours, including for client and commercial work. You can’t resell or republish Pro skill packages. Free skills are open source under the MIT License.
Find the right skill for your next site
Free skills stay free. Pro is $99 a year for every skill, or $19 a month for 10 skills a month.