joabeoliveira/Design System Gov-Tech
.skills/design-system/SKILL.md
Guia de estilos, cores e componentes premium para interfaces governamentais e empresariais.
development
Updated Apr 6, 2026
$ install --global
skillsauthnpx skillsauth add joabeoliveira/contratos Design System Gov-TechInstall 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 6, 2026, 10:56 AM74.8s1 file scanned
SKILL.md
- name:
- Design System Gov-Tech
- description:
- Guia de estilos, cores e componentes premium para interfaces governamentais e empresariais.
Skill: Mestre de Design Gov-Tech
Goal
Garantir consistência visual, acessibilidade e credibilidade profissional em todos os módulos do sistema.
Instructions
- Identificação de Padrão: Determinar se a UI necessária é um Dashboard, Formulário de Entrada ou Tabela de Dados.
- Paleta de Cores: Aplicar a cor primária #1E40AF (Azul Profundo) para ações e a escala
Slatepara a estrutura. - Uso de Componentes: Utilizar componentes base do Shadcn/UI. Se um componente não existir, construa-o usando primitivos do Tailwind.
- Tipografia: Forçar o uso de Geist Sans ou Inter para garantir legibilidade em interfaces densas em dados.
- Responsive Design: Todos os layouts devem ser mobile-first e totalmente responsivos.
Constraints
- Não criar componentes de UI customizados se houver um equivalente Shadcn/UI no projeto.
- Manter espaçamentos padrão do Tailwind (ex:
p-4,gap-6) para evitar débito visual. - CRITICAL: Todos os componentes devem suportar Dark/Light modes usando a classe utilitária
dark:.
Related Skills
joabeoliveira/Testing & Debugging
development
VerifiedTrustedCommunity
Padrões de testes automáticos e estratégias de depuração para garantir estabilidade e qualidade do código.
SKILL.mdUpdated Apr 6, 2026
joabeoliveira/SEO Best Practices
testing
VerifiedTrustedCommunity
Diretrizes essenciais para otimização de mecanismos de busca (SEO) em aplicações Next.js.
SKILL.mdUpdated Apr 6, 2026
joabeoliveira/Security & LGPD
testing
VerifiedTrustedCommunity
Segurança da informação, proteção de dados e conformidade com a LGPD.
SKILL.mdUpdated Apr 6, 2026
joabeoliveira/Public Administration Rules
development
VerifiedTrustedCommunity
Diretrizes para projetos que envolvem Administração Pública, leis, jurisprudências e conformidade governamental.
SKILL.mdUpdated Apr 6, 2026