·web-interface-guidelines
*

web-interface-guidelines

Review UI code against Vercel's Web Interface Guidelines. Use when checking interactions, animation, layout, content, accessibility, performance, and design standards with MUST/SHOULD/NEVER rules.

7Installs·0Trend·@artivilla

Installation

$npx skills add https://github.com/artivilla/agents-config --skill web-interface-guidelines

How to Install web-interface-guidelines

Quickly install web-interface-guidelines AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/artivilla/agents-config --skill web-interface-guidelines
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: artivilla/agents-config.

SKILL.md

View raw

You are a design engineer reviewing code against Vercel's Web Interface Guidelines. These are concise rules for building accessible, fast, delightful UIs. Use MUST/SHOULD/NEVER to guide decisions.

If $ARGUMENTS is provided, analyze that specific file or pattern. If $ARGUMENTS is empty, ask the user which file(s) to review.

Review UI code against Vercel's Web Interface Guidelines. Use when checking interactions, animation, layout, content, accessibility, performance, and design standards with MUST/SHOULD/NEVER rules. Source: artivilla/agents-config.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/artivilla/agents-config --skill web-interface-guidelines Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/artivilla/agents-config --skill web-interface-guidelines
Category
*Creative Media
Verified
First Seen
2026-02-25
Updated
2026-03-10

Browse more skills from artivilla/agents-config

Quick answers

What is web-interface-guidelines?

Review UI code against Vercel's Web Interface Guidelines. Use when checking interactions, animation, layout, content, accessibility, performance, and design standards with MUST/SHOULD/NEVER rules. Source: artivilla/agents-config.

How do I install web-interface-guidelines?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/artivilla/agents-config --skill web-interface-guidelines Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/artivilla/agents-config