---
name: web-design-guidelines
description: |
  Web design guidelines and standards by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.
triggers:
  - "web design guidelines"
  - "vercel design"
  - "product ui standards"
  - "design checklist"
od:
  mode: design-system
  category: design-systems
  upstream: "https://github.com/vercel-labs/skills"
---

# web-design-guidelines

> Curated from the Vercel engineering team.

## What it does

Web design guidelines and standards by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.

## Source

- Upstream: https://github.com/vercel-labs/skills
- Category: `design-systems`

## How to use

This catalogue entry advertises the skill in Open Design so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/vercel-labs/skills
```

Then ask the agent to invoke this skill by name (`web-design-guidelines`) or with
one of the trigger phrases listed in this skill's frontmatter.