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.
Ribbon Sculpture Scroll: Metallic Ribbons That Unfurl as You Scroll
Card Ribbon Gallery: Project Cards on a 3D Ribbon That Sort Into a Grid
Depth Carousel: Wide Panels on a Curved 3D Arc You Drag Through
Sticker Pop Footer: Die-Cut Stickers That Pop Up Under the Pointer
Day Night Slider: a One-Screen Website That Glides from Day to Night
Drag Turntable: a One-Screen Product Website That Turns as You Scroll
Scroll Assemble: a One-Screen Product Website That Comes Apart as You Scroll
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.