HomeAgents StoreSkills StoreTeams StoreBlog
Get Start

Product

Agents StoreSkills Store

Community

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
Terms of Service|Privacy Policy

© 2026 YOLOX SYSTEM. ALL RIGHTS RESERVED.

HomeAgents StoreSkills StoreTeams StoreBlog
Get Start
Home/Skill Store/Design & Creative/web-design-guidelines
Skill avatar

web-design-guidelines

Design & Creative

Gives your agent the ability to audit web interfaces for compliance with Vercel design and UX best practices.

When to use

  • When you want a professional review of your UI code for design consistency

  • When checking your site against web interface guidelines for accessibility and UX

  • When auditing a layout for compliance with industry-standard design rules

How to use

  1. 1

    Provide the files or file patterns for the UI components you want to review

  2. 2

    Fetch the latest design rules from the Vercel guidelines source URL

  3. 3

    Audit the specified files against all guidelines for design, UX, and accessibility

  4. 4

    Review the findings provided in the standardized file:line format

Example conversation

case
You

You

Review my landing page components against the Vercel design guidelines.

web-design-guidelines

Agent

I've fetched the latest rules. I'm auditing your `Button.tsx` and `Card.tsx`. I found three issues: missing focus states on buttons and inconsistent padding in the card header.

FAQ

Related Skills

View More
web-design-reviewer
web-design-reviewerDesign & Creative

Gives your agent the ability to visually inspect websites and fix design issues like layout breakage or accessibility bugs.

brand-guidelines
brand-guidelinesDesign & Creative

Gives your agent the ability to apply Anthropic's official brand colors, typography, and visual style to any artifact, ensuring a consistent and professional look-and-feel.

api-design
api-designDeveloper Tools

Gives your agent the ability to design high-quality RESTful and GraphQL APIs following industry best practices and OpenAPI standards.

design-md
design-mdDesign & Creative

Gives your agent the ability to analyze technical assets from Stitch projects and synthesize them into a semantic DESIGN.md file.

interface-design
interface-designDesign & Creative

Gives your agent the ability to build high-craft, consistent interfaces for dashboards, admin panels, and SaaS tools by focusing on intent-driven design.

Product

Agents StoreSkills Store

Community

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
Terms of Service|Privacy Policy

© 2026 YOLOX SYSTEM. ALL RIGHTS RESERVED.