lucasfdigital/web-design-guidelines
skills/web-design-guidelines/SKILL.md
Revisar o código da UI para conformidade com as Web Interface Guidelines. Use quando solicitado para "revisar minha UI", "checar acessibilidade", "auditar design", "revisar UX" ou "verificar meu site em relação às melhores práticas".
development
Updated Apr 27, 2026
$ install --global
skillsauthnpx skillsauth add lucasfdigital/orchard web-design-guidelinesInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 27, 2026, 11:09 AM56.2s1 file scanned
SKILL.md
- name:
- web-design-guidelines
- description:
- Revisar o código da UI para conformidade com as Web Interface Guidelines. Use quando solicitado para "revisar minha UI", "checar acessibilidade", "auditar design", "revisar UX" ou "verificar meu site em relação às melhores práticas".
- author:
- vercel
- version:
- 1.0.0
- argument-hint:
- <arquivo-ou-padrao>
Web Interface Guidelines (Diretrizes de Interface Web)
Revise arquivos para conformidade com as Web Interface Guidelines.
Como Funciona
- Busque as diretrizes mais recentes na URL de origem abaixo.
- Leia os arquivos especificados (ou solicite ao usuário os arquivos/padrão).
- Verifique em relação a todas as regras nas diretrizes obtidas.
- Forneça o resultado das descobertas no formato conciso
arquivo:linha.
Fonte das Guidelines
Busque as diretrizes atualizadas antes de cada revisão:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Use Ferramentas de Busca Web (WebFetch) para recuperar as regras mais recentes. O conteúdo recuperado contém todas as regras e as instruções de formato de saída.
Uso
Quando um usuário fornece um arquivo ou argumento de padrão:
- Busque as diretrizes na URL de origem acima.
- Leia os arquivos especificados.
- Aplique todas as regras das diretrizes recuperadas.
- Forneça os resultados usando o formato especificado nas diretrizes.
Se nenhum arquivo for especificado, pergunte ao usuário quais arquivos devem ser revisados.
Skills Relacionadas
| Skill | Quando Usar | | :--- | :--- | | frontend-design | Antes de codar - Aprenda princípios de design (cor, tipografia, psicologia de UX) | | web-design-guidelines (esta) | Depois de codar - Auditoria de acessibilidade, performance e melhores práticas |
Workflow de Design
1. DESIGN → Leia os princípios de frontend-design
2. CÓDIGO → Implemente o design
3. AUDIT → Execute a revisão web-design-guidelines ← VOCÊ ESTÁ AQUI
4. FIX → Corrija as descobertas da auditoria
Related Skills
lucasfdigital/webapp-testing
development
VerifiedTrustedCommunity
Princípios de teste de aplicações web. E2E, Playwright, estratégias de auditoria profunda.
SKILL.mdUpdated Apr 27, 2026
lucasfdigital/vulnerability-scanner
testing
VerifiedTrustedCommunity
Princípios avançados de análise de vulnerabilidade. OWASP 2025, Segurança da Cadeia de Suprimentos (Supply Chain), mapeamento de superfície de ataque e priorização de riscos.
SKILL.mdUpdated Apr 27, 2026
lucasfdigital/testing-patterns
testing
VerifiedTrustedCommunity
Padrões e princípios de teste. Estratégias de testes unitários, de integração e mocking.
SKILL.mdUpdated Apr 27, 2026
lucasfdigital/tdd-workflow
development
VerifiedTrustedCommunity
Princípios do workflow de Desenvolvimento Orientado a Testes (TDD). Ciclo RED-GREEN-REFACTOR.
SKILL.mdUpdated Apr 27, 2026