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 44

Malco-inspired

Brand-inspired

Malco Tools is a manufacturer-direct site for HVACR and building-construction hand tools, and the supplied CSS points to a utilitarian, catalog-driven interface rather than a lifestyle brand. The body font stack is futu…

Full style reference · 11k chars

futura-pt-bold

Awesome DESIGN.md — e-commerce

Fi-inspired

Brand-inspired

Fi's storefront CSS reflects a neutral, high-contrast UI system built on a

Full style reference · 11k chars

MessinaSans

Awesome DESIGN.md — e-commerce

Pakt-inspired

Brand-inspired

Pakt's evidence base shows a restrained black/white/gray system built around a single

Full style reference · 11k chars

Calibre-Bold

Awesome DESIGN.md — e-commerce

Pet Honesty-inspired

Brand-inspired

The evidence shows a neutral-first system: near-black text (#1e1e1e, #333333) on white/off-white

Full style reference · 11k chars

Museo Sans Display

Awesome DESIGN.md — e-commerce

Bob's Watches-inspired

Brand-inspired

Bob's Watches' available CSS surfaces a utilitarian Bootstrap-based system

Full style reference · 11k chars

Frank Ruhl Libre

Awesome DESIGN.md — e-commerce

Distil Union-inspired

Brand-inspired

Distil Union positions itself as a considered, systems-minded leather-goods maker

Full style reference · 11k chars

galanogrotesquebold

Awesome DESIGN.md — e-commerce

Monica + Andy-inspired

Brand-inspired

The evidence shows a warm, muted neutral system anchored by ash (#414042) and near-black

Full style reference · 11k chars

new-spirit

Awesome DESIGN.md — e-commerce

Southern Candle Studio-inspired

Brand-inspired

Southern Candle Studio's storefront CSS points to a deep navy-on-white system anchored by

Full style reference · 11k chars

Work Sans

Awesome DESIGN.md — e-commerce

Lowepro-inspired

Brand-inspired

Lowepro's stylesheet exposes a Bootstrap-derived variable system layered with a

Full style reference · 11k chars

Gilroy

Awesome DESIGN.md — e-commerce

Status Audio-inspired

Brand-inspired

Status Audio's storefront CSS exposes a navy-and-neutral system anchored by the custom

Full style reference · 11k chars

Usual

Awesome DESIGN.md — e-commerce

Kalon Studios-inspired

Brand-inspired

Kalon Studios' front-end CSS shows a restrained, editorial system built on WordPress/WooCommerce defaults rather than a fully bespoke design language. Body copy renders in AdelleSans (14px, line-height ~1.43, color #404…

Full style reference · 11k chars

AdelleSans

Awesome DESIGN.md — e-commerce

Rhino-Rack-inspired

Brand-inspired

This interpretation is grounded in two coexisting token systems found in Rhino-Rack's stylesheet: a Bootstrap-derived utility palette (blues, grays, semantic reds/greens) and a custom brand palette exposed as CSS variab…

Full style reference · 11k chars

din-2014

Awesome DESIGN.md — e-commerce

Artipoppe-inspired

Brand-inspired

Artipoppe's public CSS evidence shows a restrained neutral system layered under a generic Bootstrap utility framework. Brand-specific rules are sparse but consistent: a dark charcoal (#32373c) fills solid buttons and fi…

Full style reference · 10k chars

Avenir Heavy

Awesome DESIGN.md — e-commerce

Travelon-inspired

Brand-inspired

Travelon's storefront evidence points to a utilitarian, security-focused retail system built on a Bootstrap-derived token set. The root `:root` variables expose a muted primary (#696969), a yellow-green secondary/succes…

Full style reference · 10k chars

Dosis

Awesome DESIGN.md — e-commerce

Collings-inspired

Brand-inspired

Collings' public markup exposes a restrained, high-contrast system: a near-black

Full style reference · 10k chars

Oswald

Awesome DESIGN.md — e-commerce

Taylor Guitars-inspired

Brand-inspired

The observed evidence shows a high-contrast, editorial system built on a pure white canvas (#ffffff), a near-black header (#000000), and a warm off-white section tone (#f6f5f1) that echoes tonewood and studio-photograph…

Full style reference · 10k chars

Awesome DESIGN.md — e-commerce

Blunt Umbrellas-inspired

Brand-inspired

Blunt Umbrellas' storefront draws from a restrained neutral system anchored by a dark charcoal

Full style reference · 10k chars

Blunt

Awesome DESIGN.md — e-commerce

Modoker-inspired

Brand-inspired

Modoker's storefront CSS exposes a fundamentally grayscale interface system:

Full style reference · 10k chars

Baskerville

Awesome DESIGN.md — e-commerce

Methodical Coffee-inspired

Brand-inspired

This interpretation is built from Shopify theme CSS variables, a supplied color palette, and font-family declarations for Methodical Coffee, a Greenville, SC coffee roaster and cafe brand. No hex value below is invented…

Full style reference · 10k chars

Canela-Light

Awesome DESIGN.md — e-commerce

Cottagecore

Style

Pastoral countryside aesthetics with floral patterns, embroidery textures, mushroom elements, and cozy homey feel. Soft serif fonts, rounded corners, and warm natural colors evoke a longing for simple rural life.

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

Fluent Design

Style

Microsoft's design system integrating five key elements -- light, depth, motion, material, and scale -- to create natural and intuitive cross-platform experiences.

StyleKit

macOS Vibrancy

Style

Native macOS dark vibrancy style. Multi-layer dark gray panels, system-level backdrop-blur, and extreme restraint create the calm, professional feel of a desktop application.

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

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

Fluent 2

Style

fluent 2, microsoft, enterprise, calm, rounded, tokenized, cross-platform, copilot. Best for Microsoft 365, Windows, Copilot, and enterprise line-of-business tools.

UI/UX Pro Max

Shopify Polaris

Style

shopify polaris, merchant admin, commerce, checkout, web components, app home. Best for Shopify admin apps, merchant tools, checkout, customer accounts, POS, and extensions.

UI/UX Pro Max

Adobe Spectrum

Style

adobe spectrum, creative tools, enterprise, content creation, tokenized, cross-platform. Best for Creative tools, media workflows, document products, and Adobe-adjacent enterprise software.

UI/UX Pro Max

Spatial Computing OS / App palette

Palette

Glass white + system blue [Accent adjusted from #007AFF]

UI/UX Pro Max

SaaS Mobile Boutique (Calistoga + Inter)

Font pairing

Calistoga + Inter — saas, boutique, electric, warm, editorial, bold, premium, fintech, business, dual font, human warmth

Calistoga / Inter

UI/UX Pro Max

design-taste-frontend

Guide

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

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

3D FPS Game

App prompt

Develop a first-person shooter game using Three.js and JavaScript. Create detailed weapon models with realistic animations and effects. Implement precise hit detection and damage systems. Design multiple game levels wit…

prompts.chat

Code Snippet Manager

App prompt

Build a developer-focused code snippet manager using HTML5, CSS3, and JavaScript. Create a clean IDE-like interface with syntax highlighting for 30+ programming languages. Implement a tagging and categorization system f…

prompts.chat

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

Strategic App Design & Content Engineering Prompt

App prompt

"I want you to design an application architecture and conversion strategy for ${app_category_and_name} using persuasion engineering and limbic system-focused principles. Your primary goal is to influence the user's emot…

prompts.chat

Build a UI Library for ESP32

App prompt

Act as an Embedded Systems Developer. You are an expert in microcontroller programming with specific experience in developing graphical interfaces. Your task is to build a UI library for the ESP32 microcontroller. You w…

prompts.chat

ESP32 UI Library Development

App prompt

Act as an Embedded Systems Developer. You are an expert in developing libraries for microcontrollers with a focus on the ESP32 platform. Your task is to develop a UI library for the ESP32 with the following specificatio…

prompts.chat

Develop a UI Library for ESP32

App prompt

Act as an Embedded Systems Developer. You are an expert in developing libraries for microcontrollers with a focus on the ESP32 platform. Your task is to develop a UI library for the ESP32 with the following specificatio…

prompts.chat

Full-Stack Engineer for Airline Simulation Center App

App prompt

Act as a Senior Full-Stack Engineer. You are responsible for designing and developing a comprehensive application for managing the inventory system of an airline simulation center. Your task includes: - Designing the ar…

prompts.chat

Generate a Plan for Building the Best UI/UX

App prompt

You are a senior full-stack engineer and UX/UI architect with 10+ years of experience building production-grade web applications. You specialize in responsive design systems, modern UI/UX patterns, and cross-device perf…

prompts.chat

Make UI/UX better of an already Created Application

App prompt

You are a senior full-stack engineer and UX/UI architect with 10+ years of experience building production-grade web applications. You specialize in responsive design systems, modern UI/UX patterns, and cross-device perf…

prompts.chat

UX Conversion Deconstruction Engine

App prompt

You are a senior UX strategist and behavioral systems analyst. Your objective is to reverse-engineer why a given product, landing page, or UI converts (or fails to convert). Analyze with precision — avoid generic advice…

prompts.chat

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

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

Kinetic Text

Animation

A text component that animates font weight of characters on hover.

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.