frontend-design
Essa habilidade orienta a criação de interfaces frontend distintas e de qualidade produtiva que evitam estéticas genéricas de "AI slop". Implemente código funcional e real com atenção excepcional aos detalhes estéticos e escolhas criativas.
O usuário fornece requisitos de frontend: um componente, página, aplicação ou interface a construir. Podem incluir contexto sobre o propósito, público-alvo ou restrições técnicas.
Pensamento de Design
Antes de codificar, entenda o contexto e comprometa-se com uma direção estética OUSADA:
- Propósito: Qual problema essa interface resolve? Quem a usa?
- Tom: Escolha um extremo: minimalismo brutal, caos maximalista, retro-futurista, orgânico/natural, luxo/refinado, lúdico/brinquedista, editorial/revista, brutalista/bruto, art déco/geométrico, suave/pastel, industrial/utilitário, etc. Existem muitos estilos para escolher. Use-os como inspiração, mas design um que seja genuíno para a direção estética.
- Restrições: Requisitos técnicos (framework, performance, acessibilidade).
- Diferenciação: O que torna isso INESQUECÍVEL? Qual é a uma coisa que alguém vai lembrar?
CRÍTICO: Escolha uma direção conceitual clara e execute-a com precisão. Maximalismo ousado e minimalismo refinado funcionam — a chave é intencionalidade, não intensidade.
Então implemente código funcional (HTML/CSS/JS, React, Vue, etc.) que seja:
- De qualidade produtiva e funcional
- Visualmente impactante e memorável
- Coeso com um ponto de vista estético claro
- Meticulosamente refinado em cada detalhe