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.
Hilti-inspired
Brand-inspiredHilti's public storefront draws on a restrained industrial palette anchored by
Full style reference · 11k charsHilti Bold
Awesome DESIGN.md — e-commerce
Monica + Andy-inspired
Brand-inspiredThe evidence shows a warm, muted neutral system anchored by ash (#414042) and near-black
Full style reference · 11k charsnew-spirit
Awesome DESIGN.md — e-commerce
Banks Power-inspired
Brand-inspiredBanks Power's site evidence shows a utilitarian, high-contrast industrial palette built around a near-black body ink (#2c2d2e) on white and light-grey (#f5f5f5) canvases, with a saturated red (#c50008, reinforced by #c6…
Full style reference · 11k charsRoboto
Awesome DESIGN.md — e-commerce
Cat Person-inspired
Brand-inspiredCat Person's observed CSS shows a restrained, clinical-clean palette anchored by true black (#000000) and white (#ffffff), with a soft powder-blue family (#c7dbf0, #8fb7e1, #e3edf7) used specifically for call-to-action…
Full style reference · 11k charsCooperLtBTWXX-Light
Awesome DESIGN.md — e-commerce
Onyx Boox-inspired
Brand-inspiredThis interpretation is drawn from the BOOX Shop storefront, the official e-commerce site for Onyx's E Ink tablets, e-readers, and accessories. The observed palette is dominated by neutral grays and near-blacks (#000000,…
Full style reference · 11k charsRoboto
Awesome DESIGN.md — e-commerce
Southern Candle Studio-inspired
Brand-inspiredSouthern Candle Studio's storefront CSS points to a deep navy-on-white system anchored by
Full style reference · 11k charsWork Sans
Awesome DESIGN.md — e-commerce
Status Audio-inspired
Brand-inspiredStatus Audio's storefront CSS exposes a navy-and-neutral system anchored by the custom
Full style reference · 11k charsUsual
Awesome DESIGN.md — e-commerce
Blunt Umbrellas-inspired
Brand-inspiredBlunt Umbrellas' storefront draws from a restrained neutral system anchored by a dark charcoal
Full style reference · 10k charsBlunt
Awesome DESIGN.md — e-commerce
IMA-USA-inspired
Brand-inspiredInternational Military Antiques presents itself as a utilitarian, catalog-driven commerce site rather than a heavily styled brand experience. The observed CSS is dominated by neutral grayscale values (#ffffff, #f8f8f8,…
Full style reference · 10k charsRoboto
Awesome DESIGN.md — e-commerce
African Textile
StyleDesign 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
Art Nouveau
StyleOrganic 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
Cel Shading
StyleA rendering style inspired by traditional cel animation, featuring bold black outlines, flat color fills, hard shadows without gradients, and vivid saturated colors full of cartoon and game energy.
StyleKit
Ghibli Style
StyleA design style inspired by Studio Ghibli animations, featuring warm soft tones, hand-drawn textures, natural elements, and a dreamy atmosphere that conveys healing and poetry.
StyleKit
Fullscreen Hero
StyleA hero section layout with fullscreen images or video backgrounds that captures attention through stunning visuals, ideal for brand showcases, product launches, and event promotions.
StyleKit
Horizontal Gallery
StyleA white-cube, curator-style portfolio layout. Borderless large images line up along a horizontal snap-scroll rail; whitespace acts as the gallery wall, numbered hairline captions echo museum labels, and viewing becomes…
StyleKit
Impressionist Oil
StyleInspired by Impressionist masters like Monet and Renoir, featuring bold brushstroke textures, dappled light effects, pointillist colors, and warm canvas textures for a rich, oil-painting visual experience.
StyleKit
Korean Minimal
StyleKorean minimalist design aesthetic influenced by K-beauty and Korean architecture. Soft pastel tones, generous whitespace, refined rounded corners, and restrained ornamentation.
StyleKit
Mecha
StyleDesign style inspired by mecha anime like Gundam/EVA -- tech panels, warning signs, mechanical textures, military green and navy blue base with warning yellow and danger red, brimming with industrial power.
StyleKit
Mid-Century Modern
Style1950s Atomic Age design aesthetics with geometric patterns, organic curves, and saturated colors. Inspired by Eames chairs, atomic clocks, and starburst motifs.
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
Parallax Sections
StyleAn immersive layout creating depth parallax effects through fixed backgrounds and scrolling content, with each full-screen section having its own background layer. Ideal for brand stories, product showcases, and immersi…
StyleKit
Pop Art
StyleBold and vivid Pop Art style inspired by Andy Warhol and Roy Lichtenstein. Thick black outlines, halftone Ben-Day dots, comic-style speech bubbles, and highly saturated color blocks. Ideal for creative brands, pop cultu…
StyleKit
Sci-Fi HUD
StyleA holographic display interface inspired by starship cockpits and tactical command centers. Deep space backgrounds, cyan glowing borders, translucent glass panels, and radar sweep animations create an immersive experien…
StyleKit
Stripe Style
StyleA refined and professional fintech style featuring Stripe purple as the primary color, complemented by gradient grid backgrounds, elegant card shadows, and smooth animations, ideal for payment products and developer too…
StyleKit
Surrealism
StyleInspired by surrealist masters like Dali -- dreamlike scene compositions, illogical spatial relationships, melting and morphing forms, and unexpected color combinations create a mysterious and captivating visual experie…
StyleKit
Ukiyo-e Digital
StyleInspired 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
Visual Novel
StyleA design style inspired by ADV visual novel game UI, featuring semi-transparent dialogue panels, character nameplate badges, ornate corner decorations, branching choice buttons, and save screen interfaces for an immersi…
StyleKit
Watercolor Style
StyleA design style inspired by watercolor painting, featuring soft color gradients, blurred edge effects, paper texture backgrounds, and flowing color diffusion, conveying artistry and poetry.
StyleKit
Zen Garden
StyleA 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
Dimensional Layering
StyleDepth, overlapping, z-index, layers, 3D, shadows, elevation, floating, cards, spatial hierarchy. Best for Dashboards, card layouts, modals, navigation, product showcases, SaaS interfaces.
UI/UX Pro Max
Health Metrics Calculator
App promptBuild a comprehensive health metrics calculator with HTML5, CSS3 and JavaScript based on medical standards. Create a clean, accessible interface with step-by-step input forms. Implement accurate BMI calculation with vis…
prompts.chat
Meeting Room Booking Web App Development
App promptAct as a developer tasked with building a meeting room booking web app using PHP 7 and MySQL. Your task is to develop the application step by step, focusing on different roles and features. Your steps include: 1. **Crea…
prompts.chat
Website Creation Command
App prompt--- name: website-creation-command description: A skill to guide users in creating a website similar to a specified one, offering step-by-step instructions and best practices. --- # Website Creation Command Act as a Web…
prompts.chat
Senior Product Engineer + Data Scientist for Turkish Car Valuation Platform
App promptAct as a Senior Product Engineer and Data Scientist team working together as an autonomous AI agent. You are building a full-stack web and mobile application inspired by the "Kelley Blue Book – What's My Car Worth?" con…
prompts.chat
Job and Internship Tracker for Google Sheets
App promptAct as a Career Management Assistant. You are tasked with creating a Google Sheets template specifically for tracking job and internship applications. Your task is to: - Design a spreadsheet layout that includes columns…
prompts.chat
App Store Screenshots Gallery Generator
App prompt# App Store Screenshots Gallery Generator **Create a professional, production-ready screenshots gallery for an iOS/macOS/Android app that looks like it was designed by the top 1% of app developers.** ## Context You are…
prompts.chat
🔧 AI App Improvement Loop Prompt
App promptYou are an expert software engineer, product designer, and QA analyst. Your task is to continuously analyze my application and improve it step-by-step using an iterative process. ## Objective Identify and implement one…
prompts.chat
Forest Canopy
PaletteA natural and grounded theme featuring earth tones inspired by dense forest environments.
FreeSerif / FreeSans
Anthropic skills
Sunset Boulevard
PaletteA warm and vibrant theme inspired by golden hour sunsets, perfect for energetic and creative presentations.
DejaVu Serif / DejaVu Sans
Anthropic skills
UI/UX Tester agent
GuideUse this agent when you need exhaustive UI and UX functionality testing driven by documented user flows, with browser or desktop interaction tooling and structured defect reporting.
VoltAgent subagents
UI Designer (wshobson)
GuideExpert 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
De-slop pass
GuideStrip the signatures that make a UI look AI-generated — flat hierarchy, no focal point, monotone layout, timid palettes, generic tokens, defaulted type, missing states. The design counterpart to a code-deslop pass.
Interface Design skill
Bento Grid
AnimationBento grid is a layout used to showcase the features of a product in a simple and elegant way.
Magic UI
Glyph Matrix
AnimationAn animated grid of subtly shifting glyphs on a canvas, with a theme-aware color driven by the consumer.
Magic UI
Animated Background
AnimationVisually highlights selected items by sliding a background into view when hovered over or clicked. This smooth transition helps users focus on the active item, making it ideal for interactive lists, menus, or navigation…
Motion-Primitives
Morphing Dialog
AnimationA dialog that uses layout animations to transition content into a focused view. It supports click-outside and escape key functionalities for closing.
Motion-Primitives
Morphing Popover
AnimationA popover that transforms from its trigger into the content using layout animations. It visually morphs instead of appearing as a separate element.
Motion-Primitives
Text Morph
AnimationAnimates text by morphing shared letters between words, creating fluid transitions.
Motion-Primitives
Text Scramble
AnimationText animation that transforms text by randomly cycling through characters before settling on the final content, creating an engaging cryptographic effect.
Motion-Primitives
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.