web-design-guidelines

por sentry

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…

npx skills add https://github.com/getsentry/webvitals.com --skill web-design-guidelines

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.

Mais skills de sentry

generate-frontend-forms
sentry
Guia para criar formulários usando o novo sistema de formulários do Sentry. Use ao implementar formulários, campos de formulário, validação ou funcionalidade de salvamento automático.
official
sentry-snapshots-cocoa
sentry
Configuração completa de Snapshots do Sentry para projetos Apple/Cocoa. Use quando for solicitado a "configurar SnapshotPreviews", "configurar testes de snapshot Apple", "enviar snapshots Apple para…
official
architecture-review
sentry
Revisão de saúde do código em nível de equipe. Encontra módulos monolíticos, falhas silenciosas, lacunas de segurança de tipo, buracos na cobertura de testes e problemas de compatibilidade com LLM.
official
linear-type-labeler
sentry
Classifica issues do Linear e aplica um rótulo de Tipo da taxonomia de rótulos do workspace do Sentry com base no conteúdo do título e da descrição de cada issue.
official
vercel-react-best-practices
sentry
Diretrizes de otimização de desempenho para React e Next.js da Vercel Engineering. Esta habilidade deve ser usada ao escrever, revisar ou refatorar React/Next.js…
official
bump-size-limit
sentry
Aumentar os limites de tamanho no .size-limit.js quando a verificação de CI de limite de tamanho estiver falhando. Use quando o usuário mencionar falhas de limite de tamanho, verificações de tamanho de bundle falhando, CI de tamanho…
official
generate-migration
sentry
Gere migrações de banco de dados Django para o Sentry. Use ao criar migrações, adicionar/remover colunas ou tabelas, adicionar índices ou resolver migrações…
official
security-review
sentry
Encontra vulnerabilidades de segurança exploráveis em alterações de código. Use para varreduras de segurança Warden, revisão de appsec, verificações no estilo OWASP, autenticação ou…
official