Agentskillz Logo

vercel-labs/agent-skills / web-design-guidelines

web-design-guidelines

Установки
592,933
Автор
vercel-labs/agent-skills
Источник
github.com/vercel-labs/agent-skills

Этот навык проверяет интерфейсы на соответствие рекомендациям по веб-дизайну. Он загружает актуальные правила, анализирует указанные файлы и выдаёт замечания в компактном формате. Полезен для быстрого аудита UI и доступности.

Установить скилл

npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines

Аудит безопасности

Gen Agent Trust Hub

pass

This skill is categorized as low risk because it fetches instructions from a trusted source (Vercel). The main security consideration is the use of remote instructions to process local files, which creates a surface for indirect prompt injection.

Audited: 2/17/2026, 6:49:08 PM

Socket

warn

1 alert: gptAnomaly

Audited: 3/18/2026, 4:51:36 PM

Snyk

warn

Risk: MEDIUM · No issues

Audited: 2/16/2026, 12:27:42 PM

Runlayer

pass

1 file scanned · No issues

Audited: 2/26/2026, 4:11:28 PM

ZeroLeaks

pass

Score: 93/100 · 2 sections analyzed

Audited: 4/16/2026, 8:03:39 AM

Промпт скилла

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-react-best-practices

676,936 установок

vercel-labs/agent-skills

Набор практических правил по оптимизации производительности React и Next.js от Vercel. Охватывает устранение водопадов, оптимизацию размера бандла, серверную и клиентскую загрузку данных, предотвращение лишних ререндеров и улучшение рендеринга. Помогает писать быстрые и эффективные приложения.

vercel-composition-patterns

313,439 установок

vercel-labs/agent-skills

Помогает проектировать гибкие React-компоненты, избавляясь от множества булевых пропсов через композицию: compound components, контекст и подъём состояния. Полезен при рефакторинге, создании компонентных библиотек и проектировании переиспользуемых API, включая особенности React 19.

deploy-to-vercel

117,353 установок

vercel-labs/agent-skills

Разворачивает проекты на Vercel и возвращает ссылку на готовое превью. Автоматически определяет состояние проекта, связывает его с Vercel при необходимости и выбирает оптимальный способ деплоя: git push, CLI или запасной вариант без авторизации для песочниц. Полезен для быстрой публикации приложения одной командой.