automacoescomerciaisintegradas/ui-styling-pro
ui-styling-pro/SKILL.md
nome: UI Styling Pro descricao: Skill especializada em gerar estilos visuais modernos e premiuns (Glassmorphism, Gradientes Dinâmicos, Neumorphism) para componentes web. autor: Antigravity comandos: comando: /generate-glassmorphism descricao: Gera o código CSS completo para um efeito de vidro fosco (frosted glass). parametros: - nome: opacidade tipo: number descricao: Nível de transparência do fundo (0.1 a 0.9). - nome: blur tipo: number descricao: Intensidade do desfoque (p
development
Updated May 16, 2026
$ install --global
skillsauthnpx skillsauth add automacoescomerciaisintegradas/skills ui-styling-proInstall 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: May 16, 2026, 3:33 AM114.6s2 files scanned
SKILL.md
nome: UI Styling Pro descricao: Skill especializada em gerar estilos visuais modernos e premiuns (Glassmorphism, Gradientes Dinâmicos, Neumorphism) para componentes web. autor: Antigravity comandos:
comando: /generate-glassmorphism descricao: Gera o código CSS completo para um efeito de vidro fosco (frosted glass). parametros:
- nome: opacidade tipo: number descricao: Nível de transparência do fundo (0.1 a 0.9).
- nome: blur tipo: number descricao: Intensidade do desfoque (px).
comando: /generate-premium-gradient descricao: Cria um gradiente harmônico baseado em uma cor primária. parametros:
- nome: cor_hex tipo: string descricao: Cor base em hexadecimal (ex: #ff6b6b).
- nome: direcao tipo: string descricao: Direção do gradiente (ex: 45deg, to right).
UI Styling Pro: Guia de Design
Esta skill foi criada para garantir que todas as interfaces do Cleudocode mantenham o padrão "WOW" de estética visual.
💎 Princípios
- Profundidade: Use sombras suaves e bordas semi-transparentes.
- Harmonia: As cores devem seguir proporções balanceadas (60-30-10).
- Modernidade: Evite gradientes lineares simples; prefira gradientes com múltiplos stops de cores próximas.
🚀 Exemplos
/generate-glassmorphism
Entrada: /generate-glassmorphism opacidade=0.2 blur=10
Saída: Bloco de CSS com backdrop-filter: blur(10px) e background: rgba(255, 255, 255, 0.2).
Related Skills
automacoescomerciaisintegradas/claude-code-system-prompts
development
VerifiedTrustedCommunity
name: Claude Code System Prompts Mirror slug: claude-code-system-prompts version: 1.0.0 owner: Automações Comerciais Integradas description: Espelho versionado dos prompts de sistema do Claude Code (upstream Piebald-AI), com foco em consulta, estudo e adaptação para engenharia de agentes. language: pt-BR commands: - command: /prompts-index description: Lista categorias e principais arquivos do espelho local de prompts. parameters: - name: categoria type: string r
SKILL.mdUpdated May 30, 2026
automacoescomerciaisintegradas/design-academy
development
VerifiedTrustedCommunity
Skill de direção de arte inspirada no visual de /paz-bem.html: editorial premium, tipografia serif/sans, paleta quente (gesso/terracota/carvão), texturas, grid assimétrica e microinterações com GSAP.
SKILL.mdUpdated May 17, 2026
automacoescomerciaisintegradas/deploy-estatico-html-css-js
development
VerifiedTrustedCommunity
Padrao de deploy estatico para projetos HTML/CSS/JS puro, com build local por ambiente (dev/prod), publicacao Git sem Actions e promocao de branch entre ambientes.
SKILL.mdUpdated May 17, 2026
automacoescomerciaisintegradas/whatsapp-button
development
VerifiedTrustedCommunity
nome: Botão WhatsApp Floating descricao: Skill para gerar e integrar botões flutuantes do WhatsApp com design premium, animação de pulso e link direto para chat. autor: Antigravity comandos: comando: /gerar-botao-whatsapp descricao: Gera o código HTML/CSS completo para um botão flutuante personalizável. parametros: - nome: numero tipo: string descricao: Número do WhatsApp com DDI e DDD (ex: 5541992062238). - nome: mensagem tipo: string descricao: Mensagem inicial pré-preench
SKILL.mdUpdated May 16, 2026