web-design-guidelines

par sentry

Examiner le code UI pour la conformité aux directives d'interface Web. Utiliser lorsqu'on vous demande de « réviser mon UI », « vérifier l'accessibilité », « auditer le design », « réviser l'UX » ou « vérifier mon 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.

Plus de skills de sentry

generate-frontend-forms
sentry
Guide pour créer des formulaires à l'aide du nouveau système de formulaires de Sentry. À utiliser lors de l'implémentation de formulaires, de champs de formulaire, de validation ou de fonctionnalité de sauvegarde automatique.
official
sentry-snapshots-cocoa
sentry
Configuration complète de Sentry Snapshots pour les projets Apple/Cocoa. Utiliser lorsqu’on demande de « configurer SnapshotPreviews », « configurer les tests de snapshots Apple », « télécharger les snapshots Apple vers…
official
architecture-review
sentry
Revue de la santé du codebase au niveau de l'équipe. Détecte les modules monolithiques, les échecs silencieux, les lacunes de sécurité de type, les trous de couverture de test et les problèmes de convivialité pour les LLM.
official
linear-type-labeler
sentry
Classe les tickets Linear et applique un label de type issu de la taxonomie de labels de l'espace de travail Sentry, en fonction du contenu du titre et de la description de chaque ticket.
official
sentry-flutter-sdk
sentry
Configuration complète du SDK Sentry pour Flutter et Dart. Utiliser lorsqu'il est demandé d'« ajouter Sentry à Flutter », d'« installer sentry_flutter », de « configurer Sentry dans Dart » ou de paramétrer la gestion des erreurs…
official
sentry-svelte-sdk
sentry
Configuration complète du SDK Sentry pour Svelte et SvelteKit. Utiliser lorsqu'il est demandé d'« ajouter Sentry à Svelte », d'« ajouter Sentry à SvelteKit », d'« installer @sentry/sveltekit », ou de configurer…
official
vercel-react-best-practices
sentry
Directives d'optimisation des performances React et Next.js de l'équipe Vercel Engineering. Cette compétence doit être utilisée lors de l'écriture, de la révision ou du refactoring de code React/Next.js…
official
sentry-tanstack-start-sdk
sentry
Configuration complète du SDK Sentry pour TanStack Start React. À utiliser lorsqu'on vous demande "ajouter Sentry à TanStack Start", "installer @sentry/tanstackstart-react", ou configurer la gestion des erreurs…
official