Melhoria Estética no Front-end
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. Informações Gerais**
- ✅ 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?
Descrição
Recomendado por
nene@YouMind
Porque recomendamos esta habilidade
Cansado do design "AI slop" monótono? Esta competência irá ajudá-lo a escapar da mediocridade, através de tipografia única, cores ousadas, animações engenhosas, layout espacial inovador e fundos com profundidade, criando interfaces front-end impressionantes. Fornece um guia estético prático para que os seus trabalhos se destaquem entre tantos sites, alcançando verdadeiramente um avanço visual.
Personalidade tipográfica única Estética cyberpunk escura Layout dinâmico assimétrico Animação de carregamento cuidadosamente orquestrada Ambiente imersivo
Habilidades relacionadas
Ver tudo
SlidesEstilo Neo-Brutalista para Devs
Transforme o seu conteúdo temático, artigos, pontos de conhecimento, revisões de projetos, textos de cursos ou apresentações de ferramentas num conjunto de slides horizontais com o 'Estilo Neo-Brutalista para Devs'. O estilo geral combina design neo-brutalista, layout de revista independente e estética de terminal de programador: fundo bege claro, bordas pretas grossas, sombras duras, blocos de cores de alto contraste, títulos extra grossos, fontes mono-espaçadas, layout modular de web/terminal/cartão, criando uma forte sensação de expressão de conteúdo técnico. Esta skill primeiro refina a estrutura do conteúdo, depois determina uma ideia central para cada slide, gerando automaticamente títulos, frases explicativas, módulos de conhecimento, conclusões e componentes visuais adequados. É particularmente adequada para cenários como apresentações de ferramentas de IA, práticas de agentes, decomposição de projetos open-source, organização de conteúdo de cursos, sumarização de metodologias, explicação de funcionalidades de produtos e revisão técnica. O resultado final é um conjunto de slides horizontais 16:9, visualmente coerente, de leitura clara, com espaçamento amplo e estilo marcante, transmitindo um efeito de expressão avançado que parece 'uma partilha técnica de um autor de projeto open-source, ao mesmo tempo que uma revista independente a contar uma história'.
ImagemCartaz Estilo Relevos Han
Um sistema visual extraído dos relevos de pedra da dinastia Han: figuras em silhueta geométrica × cores de fundo clássicas × layout editorial assimétrico. Adequado para cartazes de eventos, prévias de transmissão ao vivo, capas de podcast e muito mais. Basta indicar o tema, e ele incorpora o conteúdo moderno na estética de dois mil anos.
EscreverTítulos virais Dan Koe IPs
Gera 7 títulos para o conteúdo do usuário, cada título deve representar uma característica central do estilo de Dan Koe, garantindo diversidade e opções de escolha. Este é um mestre em títulos que domina a psicologia viral e a estética de conteúdo de Dan Koe. Projetado para criadores, construtores de marca pessoal e nómadas digitais, dedica-se a transformar os seus tópicos aborrecidos em títulos virais com a sensação de 'líder de pensamento'. 🌟 Capacidades principais Análise aprofundada do conteúdo: extrai automaticamente os pontos problemáticos centrais, o perfil do público e a proposta de valor a partir de palavras-chave fragmentadas ou scripts de milhares de palavras. Sete dimensões douradas: segue rigorosamente a lógica visual de Dan Koe, gerando de uma só vez 7 ângulos de abordagem totalmente diferentes.
Melhoria Estética no Front-end
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. Informações Gerais**
- ✅ 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?
Descrição
Recomendado por
nene@YouMind
Porque recomendamos esta habilidade
Cansado do design "AI slop" monótono? Esta competência irá ajudá-lo a escapar da mediocridade, através de tipografia única, cores ousadas, animações engenhosas, layout espacial inovador e fundos com profundidade, criando interfaces front-end impressionantes. Fornece um guia estético prático para que os seus trabalhos se destaquem entre tantos sites, alcançando verdadeiramente um avanço visual.
Personalidade tipográfica única Estética cyberpunk escura Layout dinâmico assimétrico Animação de carregamento cuidadosamente orquestrada Ambiente imersivo
Habilidades relacionadas
Ver tudoSlidesEstilo Neo-Brutalista para Devs
Transforme o seu conteúdo temático, artigos, pontos de conhecimento, revisões de projetos, textos de cursos ou apresentações de ferramentas num conjunto de slides horizontais com o 'Estilo Neo-Brutalista para Devs'. O estilo geral combina design neo-brutalista, layout de revista independente e estética de terminal de programador: fundo bege claro, bordas pretas grossas, sombras duras, blocos de cores de alto contraste, títulos extra grossos, fontes mono-espaçadas, layout modular de web/terminal/cartão, criando uma forte sensação de expressão de conteúdo técnico. Esta skill primeiro refina a estrutura do conteúdo, depois determina uma ideia central para cada slide, gerando automaticamente títulos, frases explicativas, módulos de conhecimento, conclusões e componentes visuais adequados. É particularmente adequada para cenários como apresentações de ferramentas de IA, práticas de agentes, decomposição de projetos open-source, organização de conteúdo de cursos, sumarização de metodologias, explicação de funcionalidades de produtos e revisão técnica. O resultado final é um conjunto de slides horizontais 16:9, visualmente coerente, de leitura clara, com espaçamento amplo e estilo marcante, transmitindo um efeito de expressão avançado que parece 'uma partilha técnica de um autor de projeto open-source, ao mesmo tempo que uma revista independente a contar uma história'.
ImagemCartaz Estilo Relevos Han
Um sistema visual extraído dos relevos de pedra da dinastia Han: figuras em silhueta geométrica × cores de fundo clássicas × layout editorial assimétrico. Adequado para cartazes de eventos, prévias de transmissão ao vivo, capas de podcast e muito mais. Basta indicar o tema, e ele incorpora o conteúdo moderno na estética de dois mil anos.
EscreverTítulos virais Dan Koe IPs
Gera 7 títulos para o conteúdo do usuário, cada título deve representar uma característica central do estilo de Dan Koe, garantindo diversidade e opções de escolha. Este é um mestre em títulos que domina a psicologia viral e a estética de conteúdo de Dan Koe. Projetado para criadores, construtores de marca pessoal e nómadas digitais, dedica-se a transformar os seus tópicos aborrecidos em títulos virais com a sensação de 'líder de pensamento'. 🌟 Capacidades principais Análise aprofundada do conteúdo: extrai automaticamente os pontos problemáticos centrais, o perfil do público e a proposta de valor a partir de palavras-chave fragmentadas ou scripts de milhares de palavras. Sete dimensões douradas: segue rigorosamente a lógica visual de Dan Koe, gerando de uma só vez 7 ângulos de abordagem totalmente diferentes.
Encontra a tua próxima habilidade favorita
Explora mais habilidades de IA selecionadas para pesquisa, criação e trabalho do dia a dia.