Melhorar a estética da interface do usuário
Fonte exclusiva, estética cyberpunk sombria e distinta, layout dinâmico assimétrico, animações de carregamento meticulosamente coreografadas e atmosfera imersiva.
Featured by
Lynne Lau
Why we love this skill
Cansado de designs genéricos e sem graça feitos por IA? Esta habilidade ajudará você a se libertar da mediocridade e criar interfaces front-end impressionantes por meio de tipografia exclusiva, cores vibrantes, animações requintadas, layouts espaciais inovadores e planos de fundo marcantes. Ela oferece um guia estético prático para fazer seu trabalho se destacar da multidão e alcançar um verdadeiro avanço visual.
Instruções
Evite a estética medíocre de "IA descuidada" e crie uma interface surpreendentemente única.
## Cinco Dimensões Essenciais
**1. Tipografia**
- ❌ Proibido: Inter, Roboto, Arial, fontes do sistema
- ✅ Escolha: Fontes únicas e distintas
- ✅ Combinação: Fonte de destaque + Fonte do corpo do texto, alto contraste
- ✅ Dicas: Contraste extremo na espessura da fonte (100 vs 900), ampla gama de tamanhos de fonte (3x+)
**2. Cor e Tema**
- ✅ Mantenha uma estética consistente usando variáveis CSS.
- ✅ Cor dominante + cor de destaque vibrante
- ❌ Evite: Gradiente roxo + fundo branco
- ✅ Inspiração: temas de IDE, estética cultural
**3. Movimento**
- ✅ As animações CSS têm prioridade (HTML)
- ✅ Biblioteca de Movimentos
- ✅ Foco em Alto Impacto: Um Carregamento de Página Cuidadosamente Selecionado > Microinterações Dispersas
- ✅ Acionador de rolagem, surpresa ao passar o mouse
**4. Layout Espacial**
- ✅ Fluxo assimétrico, sobreposto e diagonal
- ✅ Quebre a grade, use o espaço em branco de forma ousada OU tenha uma densidade controlada.
**5. Detalhes do contexto**
- ✅ Criar atmosfera e profundidade
- ✅ Malha gradiente, ruído, padrões geométricos
- ✅ Transparência em camadas, sombras dramáticas, bordas decorativas
## Princípios-chave
- Cada projeto deve ser diferente para evitar convergências repetitivas.
- Alcançar uma visão estética que corresponda à complexidade.
A complexidade extrema exige um design meticuloso, enquanto o minimalismo requer sobriedade e precisão.
Liberte-se do pensamento convencional e faça escolhas verdadeiramente únicas.
⚡ Resumo em uma linha
Fonte exclusiva + esquema de cores arrojado + animação meticulosa + layout inovador + fundo atmosférico = design de interface inesquecível
Rejeitar: Inter/Roboto, fundo branco com gradiente roxo, layout monótono
📋 Lista de verificação rápida
Dimensões e itens de inspeção
As fontes devem evitar Inter/Roboto? Existem combinações de cores exclusivas?
O esquema de cores possui um tema unificado? Deve-se evitar o uso de gradientes roxos?
A animação possui um efeito de carregamento cuidadosamente coreografado?
O layout se desvia da grade convencional?
O fundo cria profundidade e atmosfera?
Related Skills
View allPesquisa de Inteligência de Trabalho | Decodificação Profunda da Inteligência de Trabalho
Pare de adivinhar e comece a saber. De riscos ocultos nos negócios à verdadeira cultura organizacional, transformamos cada descrição de vaga em seu "manual de informações privilegiadas" pessoal — para que você possa se sair bem nas entrevistas como um verdadeiro dono do negócio e conquistar a oferta que deseja. Chega de perguntas sem resposta nas entrevistas! Desvendamos descrições de vagas áridas e as transformamos em "inteligência corporativa" em 10 minutos: deciframos o jargão de RH, revelamos as práticas comerciais e as deficiências reais da empresa e ajudamos você a obter uma "vantagem" nas verificações de antecedentes do seu chefe, vencendo na alta temporada de contratações de março e abril ao explorar a assimetria de informações!
Análise de Tendências do Ouro
Painel de Decisão de Investimento em Ouro Diário. Coleta automaticamente os dados mais recentes de fontes confiáveis como CME, WGC e Reuters, fornecendo análises de tendências macroeconômicas, acompanhamento do fluxo de fundos, alertas de risco e estratégias de acumulação de ouro (sinais de alerta verde/amarelo/vermelho). Apresenta um painel visual na web com gráficos de preços do ouro, taxas de prêmio, rendimentos dos títulos do Tesouro dos EUA e outros indicadores-chave para ajudar os investidores a tomar decisões rápidas.
Gerador de prompts de vídeo nº 4
(SeeDance 2.0 Edição Especial)
Melhorar a estética da interface do usuário
Fonte exclusiva, estética cyberpunk sombria e distinta, layout dinâmico assimétrico, animações de carregamento meticulosamente coreografadas e atmosfera imersiva.
Featured by
Lynne Lau
Why we love this skill
Cansado de designs genéricos e sem graça feitos por IA? Esta habilidade ajudará você a se libertar da mediocridade e criar interfaces front-end impressionantes por meio de tipografia exclusiva, cores vibrantes, animações requintadas, layouts espaciais inovadores e planos de fundo marcantes. Ela oferece um guia estético prático para fazer seu trabalho se destacar da multidão e alcançar um verdadeiro avanço visual.
Instruções
Evite a estética medíocre de "IA descuidada" e crie uma interface surpreendentemente única.
## Cinco Dimensões Essenciais
**1. Tipografia**
- ❌ Proibido: Inter, Roboto, Arial, fontes do sistema
- ✅ Escolha: Fontes únicas e distintas
- ✅ Combinação: Fonte de destaque + Fonte do corpo do texto, alto contraste
- ✅ Dicas: Contraste extremo na espessura da fonte (100 vs 900), ampla gama de tamanhos de fonte (3x+)
**2. Cor e Tema**
- ✅ Mantenha uma estética consistente usando variáveis CSS.
- ✅ Cor dominante + cor de destaque vibrante
- ❌ Evite: Gradiente roxo + fundo branco
- ✅ Inspiração: temas de IDE, estética cultural
**3. Movimento**
- ✅ As animações CSS têm prioridade (HTML)
- ✅ Biblioteca de Movimentos
- ✅ Foco em Alto Impacto: Um Carregamento de Página Cuidadosamente Selecionado > Microinterações Dispersas
- ✅ Acionador de rolagem, surpresa ao passar o mouse
**4. Layout Espacial**
- ✅ Fluxo assimétrico, sobreposto e diagonal
- ✅ Quebre a grade, use o espaço em branco de forma ousada OU tenha uma densidade controlada.
**5. Detalhes do contexto**
- ✅ Criar atmosfera e profundidade
- ✅ Malha gradiente, ruído, padrões geométricos
- ✅ Transparência em camadas, sombras dramáticas, bordas decorativas
## Princípios-chave
- Cada projeto deve ser diferente para evitar convergências repetitivas.
- Alcançar uma visão estética que corresponda à complexidade.
A complexidade extrema exige um design meticuloso, enquanto o minimalismo requer sobriedade e precisão.
Liberte-se do pensamento convencional e faça escolhas verdadeiramente únicas.
⚡ Resumo em uma linha
Fonte exclusiva + esquema de cores arrojado + animação meticulosa + layout inovador + fundo atmosférico = design de interface inesquecível
Rejeitar: Inter/Roboto, fundo branco com gradiente roxo, layout monótono
📋 Lista de verificação rápida
Dimensões e itens de inspeção
As fontes devem evitar Inter/Roboto? Existem combinações de cores exclusivas?
O esquema de cores possui um tema unificado? Deve-se evitar o uso de gradientes roxos?
A animação possui um efeito de carregamento cuidadosamente coreografado?
O layout se desvia da grade convencional?
O fundo cria profundidade e atmosfera?
Related Skills
View allPesquisa de Inteligência de Trabalho | Decodificação Profunda da Inteligência de Trabalho
Pare de adivinhar e comece a saber. De riscos ocultos nos negócios à verdadeira cultura organizacional, transformamos cada descrição de vaga em seu "manual de informações privilegiadas" pessoal — para que você possa se sair bem nas entrevistas como um verdadeiro dono do negócio e conquistar a oferta que deseja. Chega de perguntas sem resposta nas entrevistas! Desvendamos descrições de vagas áridas e as transformamos em "inteligência corporativa" em 10 minutos: deciframos o jargão de RH, revelamos as práticas comerciais e as deficiências reais da empresa e ajudamos você a obter uma "vantagem" nas verificações de antecedentes do seu chefe, vencendo na alta temporada de contratações de março e abril ao explorar a assimetria de informações!
Análise de Tendências do Ouro
Painel de Decisão de Investimento em Ouro Diário. Coleta automaticamente os dados mais recentes de fontes confiáveis como CME, WGC e Reuters, fornecendo análises de tendências macroeconômicas, acompanhamento do fluxo de fundos, alertas de risco e estratégias de acumulação de ouro (sinais de alerta verde/amarelo/vermelho). Apresenta um painel visual na web com gráficos de preços do ouro, taxas de prêmio, rendimentos dos títulos do Tesouro dos EUA e outros indicadores-chave para ajudar os investidores a tomar decisões rápidas.
Gerador de prompts de vídeo nº 4
(SeeDance 2.0 Edição Especial)
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
