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 48

Html Tailwind Css Javascript — coding rules

Guide

Cursor rules for HTML development with Tailwind CSS and JavaScript integration.

awesome-cursorrules

Javascript Astro Tailwind Css — coding rules

Guide

Cursor rules for JavaScript development with Astro and Tailwind CSS integration.

awesome-cursorrules

Nextjs Material Ui Tailwind Css — coding rules

Guide

Cursor rules for Next.js development with Material UI and Tailwind CSS integration.

awesome-cursorrules

Sveltekit Restful Api Tailwind Css — coding rules

Guide

Cursor rules for SvelteKit development with RESTful API and Tailwind CSS integration.

awesome-cursorrules

Tailwind Css Nextjs Guide — coding rules

Guide

Cursor rules for Tailwind CSS development with Next.js integration.

awesome-cursorrules

Typescript Nodejs Nextjs React Ui Css — coding rules

Guide

Cursor rules for TypeScript development with Node.js, Next.js, React, UI, and CSS integration.

awesome-cursorrules

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

Glassmorphism

Style

Premium frosted glass with a nocturne temperament. Deep ink scenes and restrained light wells; the glass borrows light instead of carrying color — gaussian blur, saturation boost, lit top edges and film grain make glass…

Full style reference · 10k chars

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

Holy Grail Layout

Style

The classic three-column web layout consisting of a fixed header, a three-column middle section (left navigation, main content, right sidebar), and a fixed footer -- a foundational layout paradigm in web design.

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

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

Warren London-inspired

Brand-inspired

Warren London's storefront CSS centers on a warm, spa-like cream canvas

Full style reference · 11k chars

Instrument Sans

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

Aperion Audio-inspired

Brand-inspired

Aperion Audio's storefront runs on a Shopify theme whose CSS exposes a neutral

Full style reference · 11k chars

Awesome DESIGN.md — e-commerce

Whitmore Rare Books-inspired

Brand-inspired

The observed CSS is a customized Bootstrap 3 base layered with a bespoke

Full style reference · 11k chars

cormorant-garamond

Awesome DESIGN.md — e-commerce

Nord Keyboards-inspired

Brand-inspired

This interpretation is grounded in CSS extracted from the Nord Keyboards site, a Swedish

Full style reference · 11k chars

Awesome DESIGN.md — e-commerce

4 Wheel Parts-inspired

Brand-inspired

4 Wheel Parts' site CSS exposes three declared brand variables: --primary (#F50028, a saturated red), --secondary (#FAE703, a bright safety-yellow), and --tertiary (#0058B3, a mid blue), layered over a large neutral gra…

Full style reference · 11k chars

Barlow

Awesome DESIGN.md — e-commerce

Athletic Brewing-inspired

Brand-inspired

Athletic Brewing's storefront CSS centers on a deep navy (#003a5d) as the core

Full style reference · 11k chars

Barlow Condensed

Awesome DESIGN.md — e-commerce

Sun Noodle-inspired

Brand-inspired

Sun Noodle's observed CSS exposes a small, named palette built around three

Full style reference · 11k chars

Dreamboat

Awesome DESIGN.md — e-commerce

Magic Spoon-inspired

Brand-inspired

Magic Spoon's supplied CSS centers on a saturated violet-purple, #3f0791, used consistently as the button background, border, and CTA text color across both the review-widget (Okendo) custom properties and the site's ow…

Full style reference · 11k chars

Poppins

Awesome DESIGN.md — e-commerce

Tattered Cover-inspired

Brand-inspired

Tattered Cover's storefront CSS exposes a restrained neutral palette anchored

Full style reference · 11k chars

DellaRobbia

Awesome DESIGN.md — e-commerce

Shure-inspired

Brand-inspired

Shure's public CSS evidence reveals a utilitarian, high-contrast commerce

Full style reference · 11k chars

OstrichProperExtraBold

Awesome DESIGN.md — e-commerce

Plungie-inspired

Brand-inspired

Plungie's observed CSS centers on a deep navy palette (`#13294b`, `#11284b`,

Full style reference · 11k chars

Plus Jakarta Sans

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

Earthen Shop-inspired

Brand-inspired

Earthen Shop's captured CSS reveals a layered stylesheet: a Bootstrap-derived

Full style reference · 11k chars

Assistant

Awesome DESIGN.md — e-commerce

Kanile'a Ukulele-inspired

Brand-inspired

This interpretation is built from Kanile'a Ukulele's Shopify theme CSS: a warm, low-contrast neutral palette (near-black #232323 and #413f3f/#423f3f charcoal text on white canvas), pill-shaped swiper controls, and squar…

Full style reference · 11k chars

Cabin

Awesome DESIGN.md — e-commerce

Rivian Gear Shop-inspired

Brand-inspired

This interpretation is grounded in CSS custom properties and inline styles captured from gearshop.rivian.com, a Shopify-based storefront for Rivian's adventure gear, apparel, charging equipment, wheels/tires, and parts.…

Full style reference · 11k chars

Adventure

Awesome DESIGN.md — e-commerce

Soko-inspired

Brand-inspired

SOKO's storefront CSS exposes a neutral black-and-white foundation (#000000, #ffffff, #111111) layered with warm accent tones drawn from its jewelry materials: a brass/gold badge color (#7e6b45) used for "best seller" l…

Full style reference · 11k chars

Outfit

Awesome DESIGN.md — e-commerce

Cat Person-inspired

Brand-inspired

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

CooperLtBTWXX-Light

Awesome DESIGN.md — e-commerce

Herschel-inspired

Brand-inspired

This interpretation is drawn from Shopify theme CSS (app.css) for Herschel's

Full style reference · 11k chars

CheltenhamBdCnBT

Awesome DESIGN.md — e-commerce

Peg Perego-inspired

Brand-inspired

Peg Perego's storefront CSS shows a single dominant brand color: a deep navy

Full style reference · 11k chars

Lato

Awesome DESIGN.md — e-commerce

Pehr-inspired

Brand-inspired

Pehr's storefront CSS shows a restrained, black-and-white foundation layered

Full style reference · 11k chars

Quincy Thin

Awesome DESIGN.md — e-commerce

Spirit Tea-inspired

Brand-inspired

Spirit Tea's markup exposes an editorial, tea-house identity built on CSS

Full style reference · 11k chars

Dala Moa

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

Snuza-inspired

Brand-inspired

Snuza's public site runs on a Foundation-framework base, and the supplied CSS

Full style reference · 11k chars

Awesome DESIGN.md — e-commerce

Caterpillar-inspired

Brand-inspired

Cat Footwear's storefront CSS exposes an explicit black-and-white brand

Full style reference · 11k chars

Awesome DESIGN.md — e-commerce

Kipling-inspired

Brand-inspired

This interpretation is drawn from the live us.kipling.com storefront CSS,

Full style reference · 11k chars

Kipling

Awesome DESIGN.md — e-commerce

SeaBear-inspired

Brand-inspired

SeaBear Smokehouse's observed CSS shows a Pacific Northwest smokehouse

Full style reference · 11k chars

interstate-condensed

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

RL Drums-inspired

Brand-inspired

RL Drums runs on a Shopify Dawn-derived theme whose CSS custom properties define

Full style reference · 11k chars

Archivo Narrow

Awesome DESIGN.md — e-commerce

Corsa Performance-inspired

Brand-inspired

This interpretation is grounded in CSS extracted from corsaperformance.com, an American manufacturer

Full style reference · 11k chars

Barlow

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

Portola Paints-inspired

Brand-inspired

Portola Paints & Finishes sells specialty decorative coatings (Roman Clay, Lime Wash, Traditional Finish) through a Shopify storefront whose extracted CSS exposes a neutral, utilitarian UI palette layered over a small s…

Full style reference · 11k chars

Cardo

Awesome DESIGN.md — e-commerce

JM Bullion-inspired

Brand-inspired

JM Bullion's observed CSS shows a utilitarian e-commerce shell built on Open Sans (with Arial and sans-serif fallbacks) at a compact 15px/18px body rhythm, layered over a white canvas. The confirmed brand blue (#125ea7)…

Full style reference · 11k chars

Open Sans

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

Snoozer-inspired

Brand-inspired

Snoozer's site CSS shows a warm, craft-shop palette built around a dark umber

Full style reference · 10k chars

Bitter

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

ShearComfort-inspired

Brand-inspired

ShearComfort's storefront runs on a BigCommerce Stencil theme whose CSS confirms a single

Full style reference · 10k chars

Awesome DESIGN.md — e-commerce

Christy Dawn-inspired

Brand-inspired

Christy Dawn's public CSS evidence points to a warm, earth-toned palette built

Full style reference · 10k chars

garamond-premier-pro-display

Awesome DESIGN.md — e-commerce

Graza-inspired

Brand-inspired

Graza's public CSS surfaces a warm, produce-forward palette built around

Full style reference · 10k chars

ITC Garamond Condensed

Awesome DESIGN.md — e-commerce

De Wine Spot-inspired

Brand-inspired

De Wine Spot's supplied CSS points to a Shopify storefront built around a deep

Full style reference · 10k chars

Baskerville

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

IMA-USA-inspired

Brand-inspired

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

Roboto

Awesome DESIGN.md — e-commerce

Fatso-inspired

Brand-inspired

Fatso's public CSS shows a plain, utilitarian WordPress/Divi foundation rather

Full style reference · 10k chars

Open Sans

Awesome DESIGN.md — e-commerce

Amrapali-inspired

Brand-inspired

Amrapali's observed CSS shows a stark black-and-white foundation (#000000, #ffffff) overlaid with a single saturated red accent (#e11931) used consistently as a hover/interaction color on buttons and links. Supporting n…

Full style reference · 10k chars

Cormorant Garamond

Awesome DESIGN.md — e-commerce

Unit Editions-inspired

Brand-inspired

This interpretation is built from CSS evidence drawn almost entirely from third-party Shopify commerce widgets (BOGOS bundle/volume-discount modules and a free-gifts app) rather than from Unit Editions' core storefront…

Full style reference · 10k chars

Berthold Akzidenz Grotesk

Awesome DESIGN.md — e-commerce

redesign-existing-projects

Guide

Upgrades 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

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.