automacoescomerciaisintegradas/design-academy
skills/design-academy/SKILL.md
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.
development
Updated May 17, 2026
$ install --global
skillsauthnpx skillsauth add automacoescomerciaisintegradas/skills design-academyInstall 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 17, 2026, 3:45 AM151.3s2 files scanned
SKILL.md
- name:
- design-academy
- description:
- 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: Design Academy
Esta skill preserva e reaplica o estilo visual da página frontend/public/paz-bem.html em novos projetos.
Objetivo
Gerar interfaces com estética editorial premium, linguagem clássica e atmosfera artesanal, mantendo legibilidade, performance e responsividade.
Assinatura Visual (não perder)
- Paleta base:
--gesso: #EAE6DF--museu: #F4F1EB--carvao: #1C1B1A--taupe: #827C75--terracota: #A84B2B
- Tipografia:
- Títulos:
Instrument Serif(com itálico estratégico) - Corpo/UI:
Manrope
- Títulos:
- Fundo e textura:
- Noise overlay sutil
- Grid linear de baixa opacidade
- Textura fotográfica com
mix-blend-mode: multiply - Tipografia gigante de fundo em opacidade baixa
- Layout:
- Grid de 12 colunas
- Composição assimétrica (blocos altos, recortes orgânicos, sobreposições)
- Interação:
- Header com blur ao scroll
- Hover com deslocamento leve e mudança de cor
- Botões com personalidade (estilo cápsula)
- Animações de entrada/reveal com GSAP
Regras de Implementação
- Não usar aparência genérica de template.
- Evitar cores frias padrão; priorizar tons terrosos/quentes.
- Garantir mobile-first: desabilitar efeitos pesados em touch quando necessário.
- Preservar contraste e legibilidade em textos longos.
- Manter animações suaves, sem exagero.
Arquivo de Prompt
Use o guia em skills/design-academy/prompt.md para aplicar esse estilo em qualquer contexto (landing page, dashboard, app institucional, etc.).
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/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
automacoescomerciaisintegradas/ui-styling-pro
development
VerifiedTrustedCommunity
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
SKILL.mdUpdated May 16, 2026