JavaScript is disabled. Some features may not work.
web-design-guidelines — ★ 28.3K GitHub Stars — Install Guide | SkillsNav
🇺🇸 English🇨🇳 中文
SkillsNav
Home

web-design-guidelines

★ 28K repomlN/AIntermediateClaude
🤖 AI Summary

This agent fetches the latest web interface guidelines from a remote source, then scans specified files against those rules and outputs compliance issues in a `file:line` format.

How to Install

Claude Code:
git clone --depth 1 https://github.com/vercel-labs/agent-skills.git && cp agent-skills/skills/web-design-guidelines ~/.claude/skills/web-design-guidelines -r
# 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.

Details

Category AI/ML → ml
Sourcevercel-labs/agent-skills
SKILL.mdView on GitHub →
Repo Stars★ 28.3K
Est. per Skill~1.3K (shared across 22 skills from this repo)
DifficultyIntermediate
Risk LevelN/A

Related Skills

Works Well With

Skills from the same repository — often designed to work together