Vibe Styles
Interactive collection with 98 UI/UX design styles — each with a live visual demo and a copyable prompt for generative AI. Inspired by a curated style collection from Reddit and the ui-ux-pro-max project, Vibe Styles was generated using multi-agents in Kiro to create nearly 100 demo landing pages in an automated fashion.
It all started with a Reddit post by Paolo Cortez, who shared a collection of infographic style prompts for NotebookLM. The specifications were so well structured — with color palettes, typography, textures and tags — that they could serve as style specifications for landing pages. Combining that base with the curated list from the ui-ux-pro-max project, Vibe Styles was born: a complete visual reference for designers and developers working with UI/UX.
Vibe Styles brings together 98 design styles — from Glassmorphism to Cyberpunk, from Brutalism to Kawaii — each implemented as a standalone landing page. The differentiator: each style comes with a copyable prompt optimized for generative AI tools (ChatGPT, Claude, Gemini), allowing you to reproduce any style instantly. Organized into 4 categories (General, Landing Page, BI/Analytics and Infographic), the project works as a bridge between visual reference and generative AI.
Project ideation, curation and merging of style lists, technical architecture definition and development orchestration using Kiro with multi-agents to generate dynamic prompts and create nearly 100 demo pages in an automated fashion. Responsible for SEO strategy, Schema Markup JSON-LD and AI crawler integration.
100% static stack — zero build dependencies, zero JavaScript frameworks. Each style page is a complete standalone landing page with 6 sections (Hero, Features, Testimonials, Pricing, CTA and Footer), responsive from 375px to 1440px.
Semantic structure
CSS via CDN
SPA-like routing
Schema Markup
Semantic URLs
Multi-agents
Project published and open source with 98 styles across 4 categories, full SEO and AI integration.
Styles
Categories
Prompts
Dependencies