Prompt & style library

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

Usual

Awesome DESIGN.md — e-commerce

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

Archivo Narrow

Awesome DESIGN.md — e-commerce

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

Barlow

Awesome DESIGN.md — e-commerce

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…

AdelleSans

Awesome DESIGN.md — e-commerce

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…

Cardo

Awesome DESIGN.md — e-commerce

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)…

Open Sans

Awesome DESIGN.md — e-commerce

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…

din-2014

Awesome DESIGN.md — e-commerce

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

Bitter

Awesome DESIGN.md — e-commerce

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…

Avenir Heavy

Awesome DESIGN.md — e-commerce

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

Awesome DESIGN.md — e-commerce

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

garamond-premier-pro-display

Awesome DESIGN.md — e-commerce

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

ITC Garamond Condensed

Awesome DESIGN.md — e-commerce

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

Baskerville

Awesome DESIGN.md — e-commerce

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

Baskerville

Awesome DESIGN.md — e-commerce

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…

Canela-Light

Awesome DESIGN.md — e-commerce

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,…

Roboto

Awesome DESIGN.md — e-commerce

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

Open Sans

Awesome DESIGN.md — e-commerce

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…

Cormorant Garamond

Awesome DESIGN.md — e-commerce

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…

Berthold Akzidenz Grotesk

Awesome DESIGN.md — e-commerce

A 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

Clean, simple, spacious, functional, white space, high contrast, geometric, sans-serif, grid-based, essential. Best for Enterprise apps, dashboards, documentation sites, SaaS platforms, professional tools.

UI/UX Pro Max

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

taste-skill

Raw 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

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

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

Act as a Full-Stack Developer specialized in Next.js. You are tasked with building a self-hosted app dashboard using Next.js, Tailwind CSS, and NextAuth. This dashboard should allow users to manage their apps efficientl…

prompts.chat

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

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

Cursor rules for Next.js development with Tailwind CSS and SEO optimization.

awesome-cursorrules

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

awesome-cursorrules

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

awesome-cursorrules

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

awesome-cursorrules

Cursor rules for Next.js development with React 19, Vercel AI, and Tailwind CSS integration.

awesome-cursorrules

Cursor rules for Qwik development with Tailwind CSS integration.

awesome-cursorrules

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

awesome-cursorrules

Cursor rules for SvelteKit development with Tailwind CSS and TypeScript integration.

awesome-cursorrules

Tailwind CSS and UI component best practices for modern web applications

awesome-cursorrules

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing fron…

wshobson agents

A background dot pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

A diagonal light glare on hover using a ::before gradient, CSS variables, and background-position animation—no extra global keyframes required.

Magic UI

An animated grid of subtly shifting glyphs on a canvas, with a theme-aware color driven by the consumer.

Magic UI

A background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

A background striped pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI