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.
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
Scrollytelling
StyleScrolling is the narrative timeline. A sticky canvas pins to the viewport while text steps scroll past it, each step triggering a state change — numbers count, shapes morph, layers light up. Information reveals frame by…
Full style reference · 7k charsStyleKit
Card Stack
Style3D layout with overlapping cards, creating depth through Z-axis stacking and offsets. Ideal for carousels, step-by-step displays, and card deck selection.
StyleKit
Comic Style
StyleA design style inspired by comic books and manga, featuring heavy ink-line borders, halftone fills, speech bubbles, action lines, and panel layouts, full of narrative and visual impact.
StyleKit
Glitch Art
StyleAn avant-garde cyberpunk aesthetic that embraces digital errors, severe chromatic aberration, and jarring screen-tearing effects.
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
Linear Style
StyleStyleKit
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
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
Spatial UI (VisionOS)
StyleGlass, depth, immersion, spatial, translucent, gaze, gesture, apple, vision-pro. Best for Spatial computing apps, VR/AR interfaces, immersive media, futuristic dashboards.
UI/UX Pro Max
Budget Tracker
App promptDevelop a comprehensive budget tracking application using HTML5, CSS3, and JavaScript. Create an intuitive dashboard showing income, expenses, savings, and budget status. Implement transaction management with categories…
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
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
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
Shader Gradient
StyleA premium SaaS aesthetic built on a real-time WebGL fragment-shader mesh gradient. A slowly breathing iridescent field flows across a near-black canvas while frosted-glass panels float above it, paired with a clean mode…
Full style reference · 9k charsStyleKit
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
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
Supabase-inspired
Brand-inspiredAn inspired interpretation of Supabaze's design language — an open-source database platform built on a clean white-and-near-black system with a single signature emerald-green CTA, a custom humanist sans display tier, an…
Full style reference · 21k charsCircular
Awesome DESIGN.md
Generative Art
StyleAlgorithm-driven procedural visual aesthetics using mathematical functions, noise textures, and parametric graphics to create unique dynamic interfaces. Ideal for creative coding, data visualization, and art projects.
StyleKit
Particle System
StyleA floating particle network on deep dark tech backgrounds, using connection lines, pulses, and trails to create a sense of data flow. Ideal for tech companies, data visualization, and creative portfolios.
StyleKit
Claymorphism
StyleSoft 3D, chunky, playful, toy-like, bubbly, thick borders (3-4px), double shadows, rounded (16-24px). Best for Educational apps, children's apps, SaaS platforms, creative tools, fun-focused, onboarding, casual games.
UI/UX Pro Max
Aurora UI
StyleVibrant gradients, smooth blend, Northern Lights effect, mesh gradient, luminous, atmospheric, abstract. Best for Modern SaaS, creative agencies, branding, music platforms, lifestyle, premium products, hero sections.
UI/UX Pro Max
Soft UI Evolution
StyleEvolved soft UI, better contrast, modern aesthetics, subtle depth, accessibility-focused, improved shadows, hybrid. Best for Modern enterprise apps, SaaS platforms, health/wellness, modern business tools, professional,…
UI/UX Pro Max
Citizen Science Platform palette
PaletteDiscovery green + volunteer badge + data neutral
UI/UX Pro Max
Develop a Notion Clone Application
App promptAct as a Software Developer tasked with creating a Notion clone application. Your goal is to replicate the core features of Notion, enabling users to efficiently manage notes, tasks, and databases in a collaborative env…
prompts.chat
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.