Prompt & style library
286 hand-picked app briefs, design styles, themes, palettes, fonts and animation patterns — each a detailed prompt you can paste into any AI assistant. Free, no account needed to browse.
Neon Retro
Style80s-90s retro-futuristic aesthetics with pink-purple gradients, neon colors, and glitch art effects. Includes Vaporwave, Synthwave, and Cyberpunk variants.
Full style reference · 8k charsStyleKit
Retro Vintage
Font pairingAbril Fatface + Merriweather — retro, vintage, nostalgic, dramatic, decorative, bold
Abril Fatface / Merriweather
UI/UX Pro Max
Retro Arcade
Themeshadcn/ui theme — light and dark tokens, Outfit.
Light & darkOutfit
tweakcn
Question Quality Lab Game
App prompt# Prompt Name: Question Quality Lab Game # Version: 0.4 # Last Modified: 2026-03-18 # Author: Scott M # # -------------------------------------------------- # CHANGELOG # ------------------------------------------------…
prompts.chat
Interface Design (dashboards, tools)
GuideCraft-first interface design for dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces, and interactive products. Use when designing, building, reviewing, auditing, or refining product UI where vis…
Interface Design skill
Vibrant & Block-based
StyleBold, energetic, playful, block layout, geometric shapes, high color contrast, duotone, modern, energetic. Best for Startups, creative agencies, gaming, social media, youth-focused, entertainment, consumer.
UI/UX Pro Max
AtGames-inspired
Brand-inspiredAtGames' storefront pairs a saturated brand yellow (#fbcd0a) with a near-black
Full style reference · 11k charsBarlow
Awesome DESIGN.md — e-commerce
Accessible & Ethical
StyleAccessible, inclusive interface, high contrast, large text (16px+), keyboard navigation, screen reader friendly, accessibility standards aware, focus state, semantic. Best for Government, healthcare, education, inclusiv…
UI/UX Pro Max
Kids/Education
Font pairingBaloo 2 + Comic Neue — kids, education, playful, friendly, colorful, learning
Baloo 2 / Comic Neue
UI/UX Pro Max
Claymorphism Mobile (Nunito + DM Sans)
Font pairingNunito + DM Sans — claymorphism, clay, rounded, playful, candy, bubbly, soft, 3d, children, education, tactile, spring, nunito, dm sans
Nunito / DM Sans
UI/UX Pro Max
Tactile Digital / Deformable UI
StyleJelly buttons, chrome, clay, squishy, deformable, bouncy, physical, tactile feedback, press response. Best for Modern mobile apps, playful brands, entertainment, gaming UI, consumer products, interactive demos.
UI/UX Pro Max
Broadcast Glitch
StyleThe motion packaging of a dying broadcast signal. On CRT black, scanlines crawl, RGB channels split into red-cyan jitter, SMPTE color bars sweep, and the picture occasionally jumps like bad tracking. This is the revival…
Full style reference · 8k charsStyleKit
Immersive Photo
StylePhotography is the interface. Full-bleed images fill the viewport with text floating over readability scrims; a slow Ken Burns drift lets stills breathe, a blur-up placeholder loads first and the real frame fades in. Th…
Full style reference · 7k charsStyleKit
Kinetic Typography
StyleType is the interface. On an ink-black stage the variable font itself becomes the animation: letters arrive one by one, weights breathe, widths stretch with scroll velocity. Motion belongs to the words alone, and a sing…
Full style reference · 7k charsStyleKit
Airtable-inspired
Brand-inspiredA sober, editorial workflow-software interface anchored on white canvas and dark-ink type, where brand voltage comes from full-bleed signature cards in coral, dark green, peach, and dark navy that punctuate long-scroll…
Full style reference · 35k charsHaas Groot Disp
Awesome DESIGN.md
Apple-inspired
Brand-inspiredA photography-first interface that turns marketing into a museum gallery. Edge-to-edge product tiles alternate light and dark canvases, framed by SF Pro Display headlines with negative letter-spacing and a single Action…
Full style reference · 37k charsSF Pro Display
Awesome DESIGN.md
Binance-inspired
Brand-inspiredA confident financial-platform interface anchored on a deep near-black canvas, where Binance's iconic yellow (#FCD535) carries every primary CTA, brand accent, and value-claim moment. Type runs Binance's custom BinanceN…
Full style reference · 40k charsBinanceNova
Awesome DESIGN.md
Bmw-inspired
Brand-inspiredBMW's corporate site — distinct from BMW M's motorsport-bombastic variant, this is a measured and settled corporate-automotive interface. On a light (cream-tinted white) canvas, BMW corporate blue (#1c69d4) carries ever…
Full style reference · 28k charsBMW Type Next Latin
Awesome DESIGN.md
Bmw M-inspired
Brand-inspiredA motorsport-engineering interface anchored on a near-black canvas with white BMW Type Next Latin display headlines in confident UPPERCASE. The brand carries no decorative voltage — its energy comes from full-bleed auto…
Full style reference · 31k charsBMWTypeNextLatin
Awesome DESIGN.md
Bugatti-inspired
Brand-inspiredAn austere luxury-automotive interface that uses near-pure black canvas, white uppercase letterspaced display, and full-bleed automotive photography as the only voltage. The system runs three custom Bugatti typefaces —…
Full style reference · 29k charsBugatti Display
Awesome DESIGN.md
Cal-inspired
Brand-inspiredA clean, calendar-software-first interface anchored on white canvas with black primary CTAs and custom Cal Sans display typography. The system reads as friendly modern SaaS — generous whitespace, soft-rounded cards (~12…
Full style reference · 31k charsCal Sans
Awesome DESIGN.md
Claude-inspired
Brand-inspiredA warm-canvas editorial interface for Anthropic's Claude product. The system anchors on a tinted cream canvas with serif display headlines, warm coral CTAs, and dark navy product surfaces (code editor mockups, model sho…
Full style reference · 34k charsCopernicus
Awesome DESIGN.md
Clay-inspired
Brand-inspiredA vibrant claymation-meets-data interface for Clay.com (GTM data-orchestration platform). Anchors on white canvas with dark-navy primary CTAs, custom rounded display type, and saturated single-color feature cards — hot…
Full style reference · 26k charsPlain Black
Awesome DESIGN.md
Clickhouse-inspired
Brand-inspiredA high-performance database interface anchored on near-pure black canvas with electric yellow as the brand voltage. White typography in confident sans, yellow CTAs, and yellow-text stat numbers carry the brand voice acr…
Full style reference · 26k charsInter
Awesome DESIGN.md
Cohere-inspired
Brand-inspiredCohere's 2026 web system is a controlled enterprise AI interface built from stark white editorial space, deep green-black product bands, soft mineral surfaces, rounded media cards, and a distinctive type split between m…
Full style reference · 20k charsCohereText
Awesome DESIGN.md
Miro-inspired
Brand-inspiredMiro presents itself as the AI-powered visual workspace through a confident, almost playful brand voice — anchored by its signature canary yellow ({colors.brand-yellow}) wordmark over white canvas, broken open by colorf…
Full style reference · 37k charsRoobert PRO
Awesome DESIGN.md
Nintendo 2001-inspired
Brand-inspiredAn analysis of Nintendo.com's 2001 design language — a brushed-periwinkle "console chrome" interface where every panel is a beveled metal plate, navigation glows amber over a halftone-dotted carbon bar, and bold outline…
Full style reference · 39k charsArial
Awesome DESIGN.md
Runwayml-inspired
Brand-inspiredRunway's interface is a cinematic reel brought to life as a website — a dark, editorial, film-production-grade design where full-bleed photography and video ARE the primary UI elements. This is not a typical tech produc…
Full style reference · 14k charsAwesome DESIGN.md
Spotify-inspired
Brand-inspiredSpotify's web interface is a dark, immersive music player that wraps listeners in a near-black cocoon (`#121212`, `#181818`, `#1f1f1f`) where album art and content become the primary source of color. The design philosop…
Full style reference · 13k charsAwesome DESIGN.md
Tesla-inspired
Brand-inspiredTesla's website is an exercise in radical subtraction — a digital showroom where the product is everything and the interface is almost nothing. The page opens with a full-viewport hero that fills the entire screen with…
Full style reference · 22k charsAwesome DESIGN.md
Sweet Loren's-inspired
Brand-inspiredSweet Loren's presents itself as a playful, better-for-you baking brand: gluten-free,
Full style reference · 11k charsPlayfair Display
Awesome DESIGN.md — e-commerce
Kemper-inspired
Brand-inspiredKemper's public site renders as a dark-themed interface: the observed
Full style reference · 10k charsLato
Awesome DESIGN.md — e-commerce
Brutalist Web
StyleA return to the raw HTML aesthetics of the early 90s internet, with system fonts, blue underlined links, pure white backgrounds, and zero decoration -- content over form.
StyleKit
Dark Mode
StyleElegant dark interface design with low-contrast layering, subtle borders and highlights. Ideal for developer tools, professional applications, and night reading mode.
StyleKit
Film Noir
StyleA dramatic visual style drawn from classic 1940-50s film noir. Extreme light-dark contrast, deep grayscale layers, diagonal shadows, and a mysterious atmosphere, suited for story-driven products, photography portfolios,…
StyleKit
Frutiger Aero
StyleGlass-textured aesthetics from the Windows Vista/7 era, blending sky-blue gradients, translucent frosted glass panels, and natural elements for a fresh, airy digital-nature feel.
StyleKit
Medieval Manuscript
StyleMedieval illuminated manuscript style with ornate drop-cap initials, parchment textures, gold and deep-red decorative borders. Gothic blackletter combined with illustrative elements.
StyleKit
design-taste-frontend
GuideAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable,…
taste-skill
minimalist-ui
GuideClean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
taste-skill
industrial-brutalist-ui
GuideRaw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios,…
taste-skill
Frontend Developer Skill
App prompt# Frontend Developer You are an elite frontend development specialist with deep expertise in modern JavaScript frameworks, responsive design, and user interface implementation. Your mastery spans React, Vue, Angular, an…
prompts.chat
Frontend Developer
App prompt--- name: frontend-developer description: "Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at cre…
prompts.chat
SaaS Analytics Dashboard - Knowledge-Anchored Frontend Prompt
App promptrole: > You are a senior frontend engineer specializing in SaaS dashboard design, data visualization, and information architecture. You have deep expertise in React, Tailwind CSS, and building data-dense interfaces that…
prompts.chat
Midnight Galaxy
PaletteA dramatic and cosmic theme with deep purples and mystical tones for impactful presentations.
FreeSans
Anthropic skills
Terminal
AnimationAn implementation of the MacOS terminal. Useful for showcasing a command line interface.
Magic UI
Skeuomorphism
StyleRealistic, texture, depth, 3D appearance, real-world metaphors, shadows, gradients, tactile, detailed, material. Best for Legacy apps, gaming, immersive storytelling, premium products, luxury, realistic simulations, edu…
UI/UX Pro Max
Sources: StyleKit (MIT) · Awesome DESIGN.md (MIT) · UI/UX Pro Max (MIT) · tweakcn (Apache-2.0) · taste-skill (MIT) · Hallmark (MIT) · prompts.chat (CC0-1.0) · Anthropic skills (Apache-2.0) · awesome-cursorrules (CC0-1.0) · VoltAgent subagents (MIT) · wshobson agents (MIT) · Interface Design skill (MIT) · design.md (Google Labs) (Apache-2.0) · Magic UI (MIT) · Motion-Primitives (MIT) · Awesome DESIGN.md — e-commerce (MIT). Brand-inspired entries describe a look only — no names, logos or trademarks belong in your app.