Web Interface Guidelines

작성자: Vercel

UI 코드를 검토하여 웹 인터페이스 가이드라인을 준수하는지 확인합니다. "내 UI 검토", "접근성 확인", "디자인 감사", "UX 검토", "내 사이트가 모범 사례에 부합하는지 확인" 요청 시 사용하세요.

npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines
ZIP 다운로드GitHub
29.7k

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.

Vercel의 다른 스킬

Vercel Deploy
Vercel
애플리케이션과 웹사이트를 Vercel에 배포합니다. 사용자가 "내 앱 배포", "이것을 프로덕션에 배포", "프리뷰 배포 생성", "배포하고 링크를 줘", 또는 "이것을 라이브로 푸시"와 같은 배포 작업을 요청할 때 이 스킬을 사용하세요. 인증이 필요하지 않으며, 프리뷰 URL과 클레임 가능한 배포 링크를 반환합니다.
developmentofficial
React Best Practices
Vercel
Vercel Engineering의 React 및 Next.js 성능 최적화 가이드라인입니다. 이 스킬은 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 최적의 성능 패턴을 보장하기 위해 사용해야 합니다. React 컴포넌트, Next.js 페이지, 데이터 페칭, 번들 최적화 또는 성능 개선과 관련된 작업에서 트리거됩니다.
developmentfeaturedofficial
Agent Browser
Vercel
웹 테스트, 양식 작성, 스크린샷, 데이터 추출을 위한 브라우저 상호작용을 자동화합니다.
browser-automationofficial