Web design
Build landing pages, portfolios and web experiences from a clear brief and a visual direction.
Explore Web designWeb & HTML Skills for AI agents
Landing pages, portfolios, stores and dashboards your agent builds as one HTML site, from a brief or a ready-made template.
Ember e-bike store
Finora business banking site
Fluxon automation product site
Glasshouse garden site
Gradient juice brand site
Grainpress cafe site
Green pharmacy storefront
Gridpaper beverage brand site
Gridterm site
Hairline grid engineer portfolio
Harbor SaaS suite site
Hardink press site
THE FIELD GUIDE
A working guide to web & html Skills.
Landing pages, portfolios, stores and dashboards your agent builds as one HTML site, from a brief or a ready-made template.
Define the audience, page structure, copy, brand assets and required interactions.
Connect your task to a workflow.
Start with a task, then explore the possibilities.
Product launch
Introduce a product through launch pages, demonstrations and motion that explain what it does.
Explore Product launchBrand identity
Explore a visual identity through imagery, typography, marks and repeatable brand treatments.
Explore Brand identityContent publishing
Shape your source material into visual stories, editorial layouts and content ready to share.
Explore Content publishingFIND YOUR FIT
Choose your web & html workflow.
Compare the inputs and deliverables before you begin.
| What you have | What to look for | Next step |
|---|---|---|
| A clear brief | Define the audience, page structure, copy, brand assets and required interactions. | 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 | Build landing pages, portfolios and web experiences from a clear brief and a visual direction. | Web design |
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
Define the audience, page structure, copy, brand assets and required interactions.
Run and review
Follow the Skill’s instructions and check the output in its intended context.
FAQ
Web & HTML Skills: common questions.
A few things to know before you start.
How do I choose a web & html Skill?
Landing pages, portfolios, stores and dashboards your agent builds as one HTML site, from a brief or a ready-made template. Compare the actual example and deliverables with your intended result.
What should I prepare?
Define the audience, page structure, copy, brand assets and required interactions.
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.