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.
Musician Portfolio Website Design
App promptAct as a Web Development Expert specializing in designing musician portfolio websites. Your task is to create a beautifully designed website that includes: - Booking capabilities - Event calendar - Hero section with Web…
prompts.chat
E COMMERCE WEBSITE
App promptHere’s a strong **copy-paste prompt** you can use with ChatGPT, Claude, Gemini, or an AI website builder: Act as a senior full-stack web developer and UI/UX designer. I want you to build a modern, professional, fully re…
prompts.chat
Stripe-inspired
Brand-inspiredAn inspired interpretation of Stripi's design language — a financial-infrastructure brand built on a deep navy ink, an electric indigo primary, and a recurring atmospheric gradient mesh that occupies the upper third of…
Full style reference · 25k charssohne-var
Awesome DESIGN.md
Swiss Poster
StyleBold typography, grid alignment, primary color blocks, and experimental layouts. Rooted in the Swiss International Style poster design tradition, building information delivery through oversized type and strong visual hi…
StyleKit
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
Luxe Lookbook
StyleThe couture aesthetic of a fashion maison's digital flagship: a porcelain ground, ink-noir type, one muted gold; oversized high-contrast Didone serif display, a full-bleed silk-motion film hero, and a lookbook grid with…
Full style reference · 7k charsStyleKit
Parallax Editorial
StyleEditorial layout with physical depth. On warm paper, foreground text and background layers scroll at different rates to build real parallax; sticky image-text interlock, chapter numbers and drop caps turn long-form into…
Full style reference · 7k charsStyleKit
Minimalist Flat
StyleUltra-minimal flat design with no shadows or gradients, creating hierarchy through color and whitespace. Ideal for portfolios, creative agencies, and art websites.
Full style reference · 7k charsStyleKit
Creative Studio
StyleA bold, confident portfolio style for design studios, agencies, and freelancers. Oversized typography, bold color blocking, rich hover states, client logo walls, and team grids — professional but never corporate, with p…
Full style reference · 7k charsStyleKit
Warm Organic
StyleA warm, naturalist portfolio style for architects, interior designers, product designers, ceramic artists, and landscape architects. Think warm-toned minimalism: terracotta and clay colors, natural textures, soft shadow…
Full style reference · 6k charsStyleKit
Lamborghini-inspired
Brand-inspiredLamborghini's website is a cathedral of darkness — a digital stage where jet-black surfaces stretch infinitely and every element emerges from the void like a machine under a spotlight. The page is almost entirely black.…
Full style reference · 21k charsAwesome DESIGN.md
Lovable-inspired
Brand-inspiredLovable's website radiates warmth through restraint. The entire page sits on a creamy, parchment-toned background (`#f7f4ed`) that immediately separates it from the cold-white conventions of most developer tool sites. T…
Full style reference · 17k charsAwesome DESIGN.md
Mistral-inspired
Brand-inspiredMistral 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…
Full style reference · 35k charsPP Editorial Old
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
Sanity-inspired
Brand-inspiredSanity's website is a developer-content platform rendered as a nocturnal command center -- dark, precise, and deeply structured. The entire experience sits on a near-black canvas (`#0b0b0b`) that reads less like a "dark…
Full style reference · 21k 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
Earthen Shop-inspired
Brand-inspiredEarthen Shop's captured CSS reveals a layered stylesheet: a Bootstrap-derived
Full style reference · 11k charsAssistant
Awesome DESIGN.md — e-commerce
Banwood-inspired
Brand-inspiredBanwood's markup shows a Shopify-based storefront for Scandinavian-styled kids' balance
Full style reference · 11k charsFigtree
Awesome DESIGN.md — e-commerce
Lowepro-inspired
Brand-inspiredLowepro's stylesheet exposes a Bootstrap-derived variable system layered with a
Full style reference · 11k charsGilroy
Awesome DESIGN.md — e-commerce
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
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
Op Art
StyleOp 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
Kraken-inspired
Brand-inspiredKraken's website is a clean, trustworthy crypto exchange that uses purple as its commanding brand color. The design operates on white backgrounds with Kraken Purple (`#7132f5`, `#5741d8`, `#5b1ecf`) creating a distincti…
Awesome DESIGN.md
minimalist-ui
GuideClean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
taste-skill
high-end-visual-design
GuideTeaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look ch…
taste-skill
redesign-existing-projects
GuideUpgrades 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
Create a detailed travel itinerary in HTML format
App prompt<!DOCTYPE html> <html> <head> <title>Travel Itinerary: Nanjing to Changchun</title> <style> body { font-family: Arial, sans-serif; } .itinerary { margin: 20px; } .day { margin-bottom: 20px; } .header { font-size: 24px;…
prompts.chat
Particles
AnimationParticles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.
Magic UI
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.