Landing Page Executiva

Vibe Styles

Coleção interativa com 98 estilos de UI/UX design — cada um com demonstração visual ao vivo e prompt copiável para IA generativa. Inspirado por uma curadoria de estilos do Reddit e do projeto ui-ux-pro-max, o Vibe Styles foi gerado com multi-agentes no Kiro para criar quase 100 landing pages de demonstração de forma automatizada.

UI/UX Design 98 Estilos IA Generativa Tailwind CSS Kiro Multi-Agent Open Source

Contexto e Motivação

Tudo começou com um post no Reddit de Paolo Cortez, que compartilhou uma coleção de prompts de estilos de infográficos para o NotebookLM. As especificações estavam tão bem estruturadas — com paletas de cores, tipografia, texturas e tags — que poderiam servir como especificações de estilos para landing pages. Combinando essa base com a lista curada do projeto ui-ux-pro-max, nasceu o Vibe Styles: uma referência visual completa para designers e desenvolvedores que trabalham com UI/UX.

Visão de Produto

O Vibe Styles reúne 98 estilos de design — de Glassmorphism a Cyberpunk, de Brutalism a Kawaii — cada um implementado como uma landing page standalone. O diferencial: cada estilo vem com um prompt copiável otimizado para ferramentas de IA generativa (ChatGPT, Claude, Gemini), permitindo reproduzir qualquer estilo instantaneamente. Organizado em 4 categorias (General, Landing Page, BI/Analytics e Infographic), o projeto funciona como ponte entre referência visual e IA generativa.

Meu Papel e Responsabilidades

Idealização do projeto, curadoria e merge das listas de estilos, definição da arquitetura técnica e orquestração do desenvolvimento usando Kiro com multi-agentes para gerar os prompts dinâmicos e criar as quase 100 páginas de demonstração de forma automatizada. Responsável pela estratégia de SEO, Schema Markup JSON-LD e integração com crawlers de IA.

Base Técnica

Stack 100% estática — zero dependências de build, zero frameworks JavaScript. Cada página de estilo é uma landing page completa e independente com 6 seções (Hero, Features, Testimonials, Pricing, CTA e Footer), responsiva de 375px a 1440px.

HTML5

Estrutura semântica

Tailwind

CSS via CDN

JS Vanilla

Roteamento SPA-like

JSON-LD

Schema Markup

History API

URLs semânticas

Kiro

Multi-agentes

Status Atual e Números

Projeto publicado e open source com 98 estilos em 4 categorias, SEO completo e integração com IA.

Estilos

Categorias

Prompts

Dependências

Visitar site Ver no GitHub