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 52

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

Todo List

App prompt

Create a responsive todo app with HTML5, CSS3 and vanilla JavaScript. The app should have a modern, clean UI using CSS Grid/Flexbox with intuitive controls. Implement full CRUD functionality (add/edit/delete/complete ta…

prompts.chat

Build a Self-Hosted App Dashboard with Next.js

App prompt

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

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

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

Nextjs 14 Tailwind Seo Setup — coding rules

Guide

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

awesome-cursorrules

Nextjs React Tailwind — coding rules

Guide

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

awesome-cursorrules

Nextjs Tailwind Typescript Apps — coding rules

Guide

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

awesome-cursorrules

Nextjs Typescript Tailwind — coding rules

Guide

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

awesome-cursorrules

Nextjs15 React19 Vercelai Tailwind — coding rules

Guide

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

awesome-cursorrules

Qwik Tailwind — coding rules

Guide

Cursor rules for Qwik development with Tailwind CSS integration.

awesome-cursorrules

Solidjs Tailwind — coding rules

Guide

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

awesome-cursorrules

Sveltekit Tailwindcss Typescript — coding rules

Guide

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

awesome-cursorrules

Tailwind — coding rules

Guide

Tailwind CSS and UI component best practices for modern web applications

awesome-cursorrules

Web Component Design

Guide

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

Responsive Design

Guide

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-l…

wshobson agents

Animated Grid Pattern

Animation

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

Magic UI

Dot Pattern

Animation

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

Magic UI

Flickering Grid

Animation

A flickering grid background made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Glare Hover

Animation

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

Magic UI

Grid Pattern

Animation

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

Magic UI

Hexagon Pattern

Animation

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

Magic UI

Interactive Grid Pattern

Animation

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

Magic UI

Striped Pattern

Animation

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

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.