Web design Skills for AI agents

Build landing pages, portfolios and web experiences from a clear brief and a visual direction.

Cursor Workflow Film

Previous page
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.

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 & HTML

Video

Films, motion graphics and photo effects your agent renders from a brief, a photo or a script, with every step already planned.

Explore Video
FIND YOUR FIT

Choose your web design workflow.

Compare the inputs and deliverables before you begin.

What you haveWhat to look forNext step
A clear briefBring a page outline, final copy and references for the visual direction.Browse this collection
Source materialCheck the chosen Skill’s required inputs and which details it can preserve.Read the Skills guide
A different outputLanding 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.

  1. Choose a workflow

    Compare the example, inputs and deliverables against your brief.

  2. Prepare the inputs

    Bring a page outline, final copy and references for the visual direction.

  3. Run and review

    Follow the Skill’s instructions and check the output in its intended context.

Read the Skills guide
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.