web-design-guidelines

name	web-design-guidelines
description	Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
metadata	{"author":"vercel","version":"1.0.0","argument-hint":"<file-or-pattern>"}
skill_id	engineering_agentops.web_design_guidelines
executor	LLM_BEHAVIOR
status	ADOPTED
security	{"level":"standard","pii":false,"approval_required":false}
anchors	["engineering","agent","orchestration"]
tier	1
input_schema	[{"name":"code_or_task","type":"string","description":"Code snippet, script, or task description to process","required":true}]
output_schema	[{"name":"report","type":"string","description":"Analysis report or summary from web design guidelines"}]
what_if_fails	FALLBACK: If Web Design Guidelines cannot complete, provide partial results with explicit gaps noted. Never block workflow silently. ESCALATE: If core capability is unavailable, suggest nearest alternative skill. RULE: Always explain what failed and what manual steps can substitute.

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

1. Fetch the latest guidelines from the source URL below
2. Read the specified files (or prompt user for files/pattern)
3. Check against all rules in the fetched guidelines
4. Output findings in the terse file:line format

Guidelines Source

Fetch fresh guidelines before each review:

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

Usage

When a user provides a file or pattern argument:

1. Fetch guidelines from the source URL above
2. Read the specified files
3. Apply all rules from the fetched guidelines
4. Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

Why This Skill Exists

Provides specialized web-design-guidelines capability to the APEX system.

When to Use

Use this skill when working with web-design-guidelines tasks in the engineering_agentops domain.

What If Fails

FALLBACK: Use a related skill in the engineering_agentops domain. RULE: Never block workflow — always suggest manual alternative.