web-design-guidelines

Web Design Guidelines is a catalog entry for web design standards curated from the Vercel engineering team, covering layout, typography, color, motion, and accessibility for product UI. It is surfaced within Open Design so that an agent discovers the skill during planning, and it can be invoked by name (`web-design-guidelines`) or through trigger phrases such as "web design guidelines," "vercel design," "product ui standards," and "design checklist."

The entry is categorized under design-systems and points to an upstream source at the vercel-labs/skills repository. As distributed here, it functions primarily as an advertisement of the skill's existence rather than a full local implementation. To run the complete upstream workflow with its original assets, scripts, and references, the upstream bundle must be installed into the active agent's skills directory, with the upstream README consulted for exact paths.

Use this skill when working on product UI and seeking design guidance grounded in the Vercel team's standards — for example, applying consistent layout and typography decisions, choosing color and motion treatments, or running through an accessibility-oriented design checklist. Because the operative content lives upstream, the practical path is to install the upstream bundle and then ask the agent to invoke the skill by name or via one of its trigger phrases, after which the full set of guidelines and supporting materials becomes available.