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.

Curated · 286Everything · 1009Showing the whole library (1009 entries), including short or duplicate prompts.
Full style references only 16

Z-Pattern Layout

Style

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

Visual Novel

Style

A 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

Visual Web Application Development

App prompt

Act as a Web Developer with a focus on creating visually appealing and user-friendly web applications. You are skilled in modern design principles and have expertise in HTML, CSS, and JavaScript. Your task is to develop…

prompts.chat

Paws & Paths

Style

The design system is built to evoke the joyful energy of a walk in the park balanced with the reliability of a premium professional service. The brand personality is optimistic, trustworthy, and active.

Full style reference · 9k chars

Plus Jakarta Sans

design.md (Google Labs)

Visual Design Foundations

Guide

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

wshobson agents

F-Pattern Layout

Style

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

high-end-visual-design

Guide

Teaches 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

UI Designer agent

Guide

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

UI Designer (wshobson)

Guide

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

Dark Gallery

Style

A dark photography gallery portfolio: near-black canvases let full-bleed images command absolute attention; warm amber accents highlight metadata and captions while ultra-light typography retreats into the background. F…

Full style reference · 6k chars

StyleKit

Scrollytelling

Style

Scrolling 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 chars

StyleKit

Dashboard Layout

Style

A data-driven dashboard layout featuring side navigation, top toolbar, multi-module data panels, and chart areas -- ideal for admin systems, data analytics platforms, and monitoring dashboards.

StyleKit

Magic Circle

Style

A fantasy visual style featuring concentric nested ring systems, hexagram geometric cores, runic inscriptions along circular paths, Flower of Life sacred geometry, golden radiant glow, and interwoven alchemical symbols.

StyleKit

Warm Dashboard

Style

A warm and soft dashboard design style with coral/terracotta backgrounds, cream-white cards, and gentle shadows, creating a comfortable and professional data display experience.

StyleKit

Apple Liquid Glass

Style

Apple's revolutionary design language from WWDC 2025, creating an organic, fluid visual experience beyond traditional frosted glass through SVG refraction filters, rainbow edge halos, fluid morphing animations, and mult…

Full style reference · 8k chars

StyleKit

Miro-inspired

Brand-inspired

Miro 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 chars

Roobert PRO

Awesome DESIGN.md

Mongodb-inspired

Brand-inspired

MongoDB carries a strong dual-mode visual identity — dark deep-teal hero bands with bright MongoDB green ({colors.brand-green}) CTAs paired with stark white documentation surfaces. The signature green pill button is unm…

Full style reference · 32k chars

Euclid Circular A

Awesome DESIGN.md

Webflow-inspired

Brand-inspired

An inspired interpretation of Webflow's design language — a visual web development platform whose surface contrasts a deep near-black `#080808` primary against a generous white canvas, broken by a five-stop chromatic ac…

Full style reference · 28k chars

WF Visual Sans Variable

Awesome DESIGN.md

Caraway-inspired

Brand-inspired

A warm, design-led ceramic-cookware brand built on the proposition that pots and pans belong on the counter rather than hidden in a cupboard. Caraway anchors its entire visual system to a soft cream canvas (`#f5efe4`) r…

Full style reference · 41k chars

GT America

Awesome DESIGN.md — e-commerce

Our Place-inspired

Brand-inspired

Our Place is a kitchen brand built around a single thesis — that what we share at the table is the most intimate conversation we have with each other — and the visual system bends every token toward that thesis. The pag…

Full style reference · 36k chars

CheltBTBolCon

Awesome DESIGN.md — e-commerce

Fenty Beauty-inspired

Brand-inspired

Fenty Beauty by Rihanna is a radical, inclusive force in makeup — a brand that rewrote the industry’s color palette by launching with 40 foundation shades and never looking back. The visual system mirrors that ethos: a…

Full style reference · 19k chars

Loud

Awesome DESIGN.md — e-commerce

Cozy Earth-inspired

Brand-inspired

Cozy Earth is a luxury bedding and loungewear brand that wraps you in a quiet, earth-toned sanctuary. The brand's visual language is anchored by a warm, muted palette drawn from nature — the primary `#6F534A` (a rich, w…

Full style reference · 19k chars

September Spirit

Awesome DESIGN.md — e-commerce

Tower 28-inspired

Brand-inspired

A clean, vegan, and cruelty-free beauty brand that feels like a breath of fresh air in the makeup aisle. Tower 28's visual identity is anchored on a warm, off-white canvas (`#fffaf7`) and a signature coral-orange (`#d74…

Full style reference · 19k chars

Cooper Lt BT

Awesome DESIGN.md — e-commerce

Rare Beauty-inspired

Brand-inspired

Rare Beauty by Selena Gomez is a vegan and cruelty-free makeup brand that radiates warmth, inclusivity, and a soft, approachable confidence. The brand's visual identity is anchored in a rich, berry-burgundy primary pale…

Full style reference · 17k chars

Neue Hass Unica Bold

Awesome DESIGN.md — e-commerce

Saie-inspired

Brand-inspired

Saie is a clean makeup brand that radiates a soft, approachable confidence through a palette anchored in warm neutrals and punctuated by a signature electric lime (#e6ef00). The brand's visual language is built on a fou…

Full style reference · 17k chars

Ordinary-Display

Awesome DESIGN.md — e-commerce

Starface-inspired

Brand-inspired

Starface is a skincare brand that feels like a party on your face — a joyful, unapologetically playful rebellion against the shame and seriousness that often surrounds acne. The brand’s visual identity is built on a fou…

Full style reference · 17k chars

ABC Diatype Rounded Black

Awesome DESIGN.md — e-commerce

Quince-inspired

Brand-inspired

Quince is a direct-to-consumer essentials brand that delivers luxury-quality goods at radically low prices by cutting out middlemen. The brand's visual language is anchored on a clean, off-white canvas (`#f7f7f5`) that…

Full style reference · 15k chars

Grosa

Awesome DESIGN.md — e-commerce

Acid Graphics

Style

High-saturation fluorescent colors, distorted typography, liquid flowing forms, and psychedelic visuals. Rooted in rave culture and underground club aesthetics, presenting rebellion and experimentation through intense v…

StyleKit

Asymmetric Grid

Style

A layout approach that breaks traditional symmetric grids, creating dynamic and engaging page structures through irregular column widths, overlapping elements, and visual tension. Ideal for creative portfolios, art exhi…

StyleKit

Bento Grid

Style

Irregular grid layout inspired by Japanese bento boxes, creating visual hierarchy through varied card sizes. Commonly used for portfolios and product showcases.

StyleKit

Collage Art

Style

Magazine collage and mixed-media aesthetics with paper cutouts, multi-layer stacking, torn paper edges, and mixed typography, creating a visually impactful handcrafted creative experience.

StyleKit

Comic Style

Style

A 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

Film Noir

Style

A 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

Generative Art

Style

Algorithm-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

Graffiti Street

Style

Street graffiti art style with spray-paint textures, bold clashing colors, hand-lettered tags, and brick-wall backgrounds. A visual expression of urban culture and rebellious spirit.

StyleKit

Fullscreen Hero

Style

A 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

Impressionist Oil

Style

Inspired 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

Magazine Grid

Style

Multi-column grid layout inspired by print magazines, creating rich visual hierarchy through varied content block sizes. Ideal for news, blogs, and content aggregation.

StyleKit

Masonry Flow

Style

Pinterest-style masonry layout with variable-height cards, achieved through CSS columns or masonry grid for a naturally flowing visual effect. Ideal for image galleries, portfolios, and social media.

StyleKit

Maximalism

Style

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

Monochrome

Style

An ultimate monochrome design in pure black, white, and gray, building visual hierarchy through precise grayscale levels, font-weight contrast, and negative space without relying on any color. Ideal for photography, arc…

StyleKit

Particle System

Style

A 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

Scandinavian Minimalism

Style

Warm minimalist design rooted in Scandinavian tradition, emphasizing natural materials, generous whitespace, wood tones, and Hygge living aesthetics for a serene, cozy visual experience.

StyleKit

Shopify Clean

Style

A clean, modern aesthetic built for independent storefronts. Product-first layouts with clear pricing hierarchy and smooth conversion paths.

StyleKit

Split Screen

Style

Symmetric or asymmetric split-screen layout creating visual tension through contrast and balance. Commonly used for product showcases, brand stories, and comparison pages.

StyleKit

Surrealism

Style

Inspired 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

Swiss Poster

Style

Bold 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

VHS Aesthetic

Style

80-90s VHS tape visual aesthetics with color distortion, scanline noise, and signal glitch effects. Ideal for nostalgia, retro tech, and creative video projects.

StyleKit

Watercolor Art

Style

Authentic watercolor aesthetics with organic bleeding edges, pigment pooling effects, paper texture overlays, and botanical watercolor accents, creating a natural and organic visual experience reminiscent of hand-painte…

StyleKit

Music Player

App prompt

Develop a web-based music player using HTML5, CSS3, and JavaScript with the Web Audio API. Create a modern interface with album art display and visualizations. Implement playlist management with drag-and-drop reordering…

prompts.chat

Memory Card Game

App prompt

Develop a memory matching card game using HTML5, CSS3, and JavaScript. Create visually appealing card designs with flip animations. Implement difficulty levels with varying grid sizes and card counts. Add timer and move…

prompts.chat

Pomodoro Timer

App prompt

Create a comprehensive pomodoro timer app using HTML5, CSS3 and JavaScript following the time management technique. Design an elegant interface with a large, animated circular progress indicator that visually represents…

prompts.chat

Comprehensive UI/UX Mobile App Analysis

App prompt

Act as a UI/UX Design Analyst. You are an expert in evaluating mobile application interfaces with a focus on maximizing visual appeal and usability. Your task is to analyze the provided mobile app screenshot and offer c…

prompts.chat

UI Designer Role

App prompt

Act as a UI Designer. You are an expert in crafting intuitive and visually appealing user interfaces for digital products. Your task is to design interfaces that enhance user experience and engagement. You will: - Colla…

prompts.chat

Landing Page Vibe Coding

App prompt

Act as a Vibe Coding Expert. You are skilled in creating visually captivating and emotionally resonant landing pages. Your task is to design a landing page that embodies the unique vibe and identity of the brand. You wi…

prompts.chat

Professional Website Design Consultant

App prompt

Act as a Website Design Consultant. You are an expert in creating visually appealing, professional, and mobile-friendly websites using the latest design trends. Your task is to guide users through the process of designi…

prompts.chat

Professional GitHub Dashboard for Portfolio Enhancement

App prompt

Act as a Professional Dashboard Developer. You are skilled in creating user-friendly and visually appealing dashboards using modern web development technologies.\n\nYour task is to build a comprehensive and professional…

prompts.chat

Networking Engineer Portfolio Website

App prompt

Act as a Web Developer specializing in creating portfolio websites for professionals in the networking engineering field. You are tasked with designing and building a comprehensive and visually appealing portfolio websi…

prompts.chat

Tattoo Studio Booking Web App Development

App prompt

Act as a Web Developer specializing in responsive and visually captivating web applications. You are tasked with creating a web app for a tattoo studio that allows users to book appointments seamlessly on both mobile an…

prompts.chat

SaaS Analytics Dashboard - Knowledge-Anchored Frontend Prompt

App prompt

role: > 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

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.