Web & HTML
Landing pages, portfolios, stores and dashboards your agent builds as one HTML site, from a brief or a ready-made template.
Explore Web & HTMLWeb design Skills for AI agents
Build landing pages, portfolios and web experiences from a clear brief and a visual direction.
Mint Noir AI SaaS landing
Molten glass design studio
Mono graphic designer portfolio
Sketchbook workspace style kit
Obsidian cinematic product
Quiet gradient style kit
Opsdeck operations admin kit
Orbit admin dashboard
Orbit startup site
Paper texture designer resume site
Peachwin club site
Playful UI/UX designer portfolio
THE FIELD GUIDE
A working guide to web design Skills.
Build landing pages, portfolios and web experiences from a clear brief and a visual direction.
Bring a page outline, final copy and references for the visual direction.
Connect your task to a workflow.
Start with a task, then explore the possibilities.
Video
Films, motion graphics and photo effects your agent renders from a brief, a photo or a script, with every step already planned.
Explore VideoFIND YOUR FIT
Choose your web design workflow.
Compare the inputs and deliverables before you begin.
| What you have | What to look for | Next step |
|---|---|---|
| A clear brief | Bring a page outline, final copy and references for the visual direction. | Browse this collection |
| Source material | Check the chosen Skill’s required inputs and which details it can preserve. | Read the Skills guide |
| A different output | Landing pages, portfolios, stores and dashboards your agent builds as one HTML site, from a brief or a ready-made template. | Web & HTML |
PUT IT TO WORK
From a brief to a usable result.
Choose a workflow
Compare the example, inputs and deliverables against your brief.
Prepare the inputs
Bring a page outline, final copy and references for the visual direction.
Run and review
Follow the Skill’s instructions and check the output in its intended context.
FAQ
Web design Skills: common questions.
A few things to know before you start.
How do I choose a web design Skill?
Build landing pages, portfolios and web experiences from a clear brief and a visual direction. Compare the actual example and deliverables with your intended result.
What should I prepare?
Bring a page outline, final copy and references for the visual direction.
Can I edit the result?
This depends on the Skill. Check whether it delivers source files, rendered media or an interactive artifact, and which tools are needed to edit it.
Can I use the result commercially?
Review the Skill license, the model’s terms and the rights to your input media. A public example is not a blanket commercial license.