Lar
web-design-guidelines
antfu/skills
Revise o código da interface do usuário quanto à conformidade com as diretrizes de interface web, acessibilidade e melhores práticas de UX.
...Expandir tudoDiretrizes da Interface Web
Revise os arquivos quanto à conformidade com as Diretrizes da Interface Web.
Como Funciona
- Obtenha as diretrizes mais recentes a partir do URL de origem abaixo
- Leia os arquivos especificados (ou solicite ao usuário os arquivos/padrões)
- Verifique todas as regras nas diretrizes obtidas
- Exiba os resultados no formato conciso
arquivo:linha
Fonte das Diretrizes
Obtenha diretrizes atualizadas antes de cada revisão:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Use o WebFetch para recuperar as regras mais recentes. O conteúdo obtido contém todas as regras e instruções de formato de saída.
Uso
Quando um usuário fornecer um argumento de arquivo ou padrão:
- Obtenha as diretrizes a partir do URL de origem acima
- Leia os arquivos especificados
- Aplique todas as regras das diretrizes obtidas
- Exiba os resultados usando o formato especificado nas diretrizes
Se nenhum arquivo for especificado, pergunte ao usuário quais arquivos devem ser revisados.
---
name: web-design-guidelines
description: Review UI code for compliance with web interface guidelines, accessibility, and UX best practices.
---
# 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.
Todos os arquivos
0 arquivosInstalar web-design-guidelines
Baixe e extraia os arquivos de habilidade para o diretório .claude/skills/.
Baixar ZIPClone o repositório e copie os arquivos da habilidade para o seu projeto.
git clone https://github.com/antfu/skills/tree/main/skills/web-design-guidelines # Copy SKILL.md to your .claude/skills/ directory
Copiar
