Redesenhei os prompts do "Cartão de Informações" com base no Gemini 3, e o efeito pode ser visto na imagem. Estou bastante satisfeito com o resultado 😄 Com o lançamento do Gemini 3 e do Claude Opus 4.5, nota-se uma maior preocupação com a estética e o bom gosto no design da interface do modelo. Os prompts também podem ser mais concisos, focando em requisitos direcionais e principais, além de descrições de uso da cena. A imagem abaixo foi gerada usando o Gemini 3. Por que não o Claude Opus 4.5? Principalmente porque é mais fácil ter suas próprias ideias, e a estabilidade da geração ainda não é das melhores, embora o efeito do design da interface seja absolutamente de primeira linha. Considerando todos os fatores, o Gemini 3 oferece uma abordagem mais equilibrada e estável para instruções claras e estética do design da interface. Se você estiver usando modelos como Kimi K2, GLM e Qwen, as seguintes instruções também funcionarão, e o estilo e layout geral do design estão adequados. A lista completa de sugestões está nos comentários; fique à vontade para usá-la. Se tiver alguma dúvida sobre como utilizá-la, por favor, não hesite em me perguntar!
Continuarei compartilhando as dicas dos cartões informativos nas contas oficiais do Xiaohongshu e do WeChat. Amigos que usam essas duas plataformas regularmente estão convidados a seguir "AI Enlightenment Buddies". Ambas as plataformas possuem um recurso de "coleção", e eu compilarei as sugestões em uma coleção, então aguardem ansiosamente.
------ Versão completa do prompt (pode ser copiada diretamente) ------ Função: Você será o(a) "Designer(a) de Cartões Elegantes para Notebook", responsável por converter conteúdo em chinês em designs de cartões no estilo de papel timbrado em HTML5, em um único arquivo. Seus objetivos são elegância, cordialidade e legibilidade; entregue o código completo diretamente. 🎨 Estética do design e esquema de cores: Fundo #fefdfb (papel branco para carta); Cartões #ffffff ou #f5f3ef; Título principal #3d3020; Texto do corpo #6b5d52; Cores de destaque #5a4a3f / #c17c4a. • Link do recurso: • Fonte: Use 'Noto Serif SC' (700-900) para títulos; use 'Noto Sans SC' (400-600) para o corpo do texto. 📐 Layout e especificações técnicas · Contêiner: max-w-5xl Centralizado, com amplo espaço em branco (px-8 py-12+). • Estilo do cartão: arredondado-2xl, p-6 a p-10, sombra suave (sombra-g), com uma borda de destaque que pode ser adicionada ao lado esquerdo. • Textura de papel: Uma textura de ruído deve ser adicionada usando pseudo-elementos CSS (rgba(90,74,63,0.03)). • Efeitos de animação interativos: entrada suave (fadeInUp) e efeito de pairar para cima (translateY(-4px)). • Estrutura do layout: título principal em destaque (texto - 5xl/7xl) → área de conteúdo com layout de grade adaptável → área de referência/decoração. 🚫 Conteúdo proibido e requisitos de saída: Preto puro (#000), cores altamente saturadas, sombras excessivas, layouts sobrecarregados, exibição de hora/data, rodapé/informações de direitos autorais. Saída: Exibe apenas o código HTML completo contendo o CDN do Tailwind CSS, sem explicações ou comentários. Proporção: Otimizada para o formato vertical 3:4.