Prompt & style library

An F-pattern scanning layout based on eye-tracking research, where the user's gaze starts from the top-left, scans horizontally across the top, then moves downward, ideal for content-heavy pages, blog posts, and news li…

StyleKit

Maximalist design -- more is more. Layered patterns, mixed fonts, saturated colors, and decorative borders. A stark contrast to minimalism, embracing richness, opulence, and visual impact.

StyleKit

A Z-pattern scanning layout based on eye-tracking, where the gaze moves from top-left to top-right, diagonally to bottom-left, then to bottom-right, forming a Z-path. Ideal for landing pages, marketing pages, and concis…

StyleKit

A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

A background dot pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

A background grid pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

A background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

A interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

A background striped pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing…

wshobson agents

Design style inspired by West African Kente cloth and Adire tie-dye, featuring bold geometric weave patterns, earth tones clashing with vivid colors, and handcrafted textures.

StyleKit

A luxurious design style from the 1920s-30s featuring geometric symmetrical patterns, gold decorations, elegant lines, and premium textures, conveying sophistication and prosperity.

StyleKit

Organic curve aesthetics from the late 19th century, characterized by flowing vine patterns, natural floral elements, Mucha-style poster decorations, and elegant serif typography -- conveying the harmony of nature and a…

StyleKit

Pastoral countryside aesthetics with floral patterns, embroidery textures, mushroom elements, and cozy homey feel. Soft serif fonts, rounded corners, and warm natural colors evoke a longing for simple rural life.

StyleKit

A Japanese cyber aesthetic where seigaiha wave patterns merge with circuit traces, torii gate navigation frames, asanoha hemp leaf grids, kintsugi gold repair lines, and shoji screen grid panels -- traditional patterns…

StyleKit

Islamic geometric pattern design style with precise tessellation patterns, arabesque motifs, and the classic pairing of gold and deep blue.

StyleKit

An 80s Italian design movement featuring bold geometric shapes, vivid contrasting colors, irregular forms, and playful patterns that break traditional design rules.

StyleKit

1950s Atomic Age design aesthetics with geometric patterns, organic curves, and saturated colors. Inspired by Eames chairs, atomic clocks, and starburst motifs.

StyleKit

Op Art movement style that uses geometric patterns to create optical illusions and a sense of motion. Black-and-white contrast at its core, supplemented by vibrating color pairs.

StyleKit

Paper craft and paper-cut style with layered paper effects, soft shadows suggesting depth, and handmade textured edges. Ideal for children's brands, educational products, and creative studios.

StyleKit

A digital interpretation of Japanese Karesansui dry landscape gardens, inspired by raked sand patterns, stone arrangements, and moss, pursuing ultimate tranquility and meditative calm. The pairing of sand white and moss…

StyleKit

Frosted glass, transparent, blurred background, layered, vibrant background, light source, depth, multi-layer. Best for Modern SaaS, financial dashboards, high-end corporate, lifestyle apps, modal overlays, navigation.

UI/UX Pro Max

Vintage sci-fi, 80s aesthetic, neon glow, geometric patterns, CRT scanlines, pixel art, cyberpunk, synthwave. Best for Gaming, entertainment, music platforms, tech brands, artistic projects, nostalgic, cyberpunk.

UI/UX Pro Max

80s, geometric, playful, postmodern, shapes, patterns, squiggles, triangles, neon, abstract, bold. Best for Creative agencies, music sites, youth brands, event promotion, artistic portfolios, entertainment.

UI/UX Pro Max

Scroll-driven, narrative, layered scrolling, immersive, progressive disclosure, cinematic, scroll-triggered. Best for Brand storytelling, product launches, case studies, portfolios, annual reports, marketing campaigns.

UI/UX Pro Max

The dazzling aesthetics of Indian Diwali and Holi festivals, with rich gold ornamentation, jewel-tone palettes, and mandala motifs. Ideal for celebrations, events, and lifestyle brands.

StyleKit

The distinctive romantic aesthetics of shoujo manga, featuring screentone texture backgrounds, flower frame decorations, ribbon banner titles, multi-point sparkle effects, lace borders, and heart elements, presented in…

StyleKit

Mistral AI brands itself with a singular signature — atmospheric sunset gradients (mustard, orange, deep red) layered over photography of mountains, plus a horizontal "sunset stripe" bar that closes every page. The syst…

PP Editorial Old

Awesome DESIGN.md

Playdate's site evidence points to a bright, toy-like palette layered over a neutral, near-monochrome UI shell. The dominant accent is a warm brand yellow (#ffc833, close to the device's own #fbc651 shell color), paired…

Roobert

Awesome DESIGN.md — e-commerce

LIQUI MOLY's public storefront exposes a Bootstrap-based design system layered with

DIN Pro

Awesome DESIGN.md — e-commerce

BetaFPV's storefront evidence points to a utilitarian ecommerce build (Shopify-pattern class names, a Judge.me review widget, and a `ba-products-box` merchandising plugin) rather than a heavily custom brand skin. The co…

Montserrat

Awesome DESIGN.md — e-commerce

The observed CSS is a customized Bootstrap 3 base layered with a bespoke

cormorant-garamond

Awesome DESIGN.md — e-commerce

4 Wheel Parts' site CSS exposes three declared brand variables: --primary (#F50028, a saturated red), --secondary (#FAE703, a bright safety-yellow), and --tertiary (#0058B3, a mid blue), layered over a large neutral gra…

Barlow

Awesome DESIGN.md — e-commerce

Earthen Shop's captured CSS reveals a layered stylesheet: a Bootstrap-derived

Assistant

Awesome DESIGN.md — e-commerce

SOKO's storefront CSS exposes a neutral black-and-white foundation (#000000, #ffffff, #111111) layered with warm accent tones drawn from its jewelry materials: a brass/gold badge color (#7e6b45) used for "best seller" l…

Outfit

Awesome DESIGN.md — e-commerce

Pehr's storefront CSS shows a restrained, black-and-white foundation layered

Quincy Thin

Awesome DESIGN.md — e-commerce

Lowepro's stylesheet exposes a Bootstrap-derived variable system layered with a

Gilroy

Awesome DESIGN.md — e-commerce

Portola Paints & Finishes sells specialty decorative coatings (Roman Clay, Lime Wash, Traditional Finish) through a Shopify storefront whose extracted CSS exposes a neutral, utilitarian UI palette layered over a small s…

Cardo

Awesome DESIGN.md — e-commerce

JM Bullion's observed CSS shows a utilitarian e-commerce shell built on Open Sans (with Arial and sans-serif fallbacks) at a compact 15px/18px body rhythm, layered over a white canvas. The confirmed brand blue (#125ea7)…

Open Sans

Awesome DESIGN.md — e-commerce

Artipoppe's public CSS evidence shows a restrained neutral system layered under a generic Bootstrap utility framework. Brand-specific rules are sparse but consistent: a dark charcoal (#32373c) fills solid buttons and fi…

Avenir Heavy

Awesome DESIGN.md — e-commerce

Tokyo Kabukicho neon nightscape style with rain-slicked street reflections, layered neon signage, and cyberpunk urban night vibes. Unlike cyberpunk-neon's sci-fi feel, this leans toward authentic urban nightscapes.

StyleKit

A Mediterranean terracotta and warm earth design style with warm clay tones, rough handcrafted textures, and natural patterns. Ideal for lifestyle brands, dining, travel, and artisan product showcases.

StyleKit

Inspired by Japanese ukiyo-e woodblock prints, featuring indigo, vermilion, and gold leaf as primary colors, flat design, bold outlines, wave patterns, and Hokusai-style composition -- blending traditional Eastern aesth…

StyleKit

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanill…

taste-skill

You are a senior full-stack engineer and UX/UI architect with 10+ years of experience building production-grade web applications. You specialize in responsive design systems, modern UI/UX patterns, and cross-device perf…

prompts.chat

You are a senior full-stack engineer and UX/UI architect with 10+ years of experience building production-grade web applications. You specialize in responsive design systems, modern UI/UX patterns, and cross-device perf…

prompts.chat

Use this agent when designing visual interfaces, creating design systems, building component libraries, or refining user-facing aesthetics requiring expert visual design, interaction patterns, and accessibility consider…

VoltAgent subagents

Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.

wshobson agents

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing fron…

wshobson agents

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, o…

wshobson agents

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.

wshobson agents

Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.

wshobson agents

Expert UI designer specializing in component creation, layout systems, and visual design implementation. Masters modern design patterns, responsive layouts, and design-to-code workflows. Use PROACTIVELY when building UI…

wshobson agents

A Progressive Blur component creates a layered blur effect using motion and gradient masks. It progressively blurs layers based on direction and intensity, adding visual depth.

Motion-Primitives