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 2

Card Stack

Style

3D layout with overlapping cards, creating depth through Z-axis stacking and offsets. Ideal for carousels, step-by-step displays, and card deck selection.

StyleKit

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

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

Pact-inspired

Brand-inspired

Pact's stylesheet confirms a body typeface stack of Averta, Helvetica Neue,

Full style reference · 11k chars

Averta

Awesome DESIGN.md — e-commerce

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

Minimalist Monochrome Editorial

Font pairing

Playfair Display + Source Serif 4 — monochrome, editorial, austere, typographic, pocket manifesto, luxury, high contrast, brutalist mobile

Playfair Display / Source Serif 4

UI/UX Pro Max

Academia Mobile (Cormorant + Crimson + Cinzel)

Font pairing

Cormorant Garamond + Crimson Pro — academia, library, mahogany, parchment, brass, scholarly, prestige, antique, victorian, leather

Cormorant Garamond / Crimson Pro

UI/UX Pro Max

Digital Visiting Card Product Architect

App prompt

Act as a Senior Product Architect, UX Designer, and Full-Stack Engineer. Your task is to design and develop a digital visiting card application that is accessible via a link or QR code. You will: - Focus on creating a p…

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

Senior Product Engineer + Data Scientist for Turkish Car Valuation Platform

App prompt

Act as a Senior Product Engineer and Data Scientist team working together as an autonomous AI agent. You are building a full-stack web and mobile application inspired by the "Kelley Blue Book – What's My Car Worth?" con…

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

E COMMERCE WEBSITE

App prompt

Here’s a strong **copy-paste prompt** you can use with ChatGPT, Claude, Gemini, or an AI website builder: Act as a senior full-stack web developer and UI/UX designer. I want you to build a modern, professional, fully re…

prompts.chat

React Typescript Shadcn Ui — coding rules

Guide

Cursor rules for Cursor AI development with React, TypeScript, and shadcn/ui integration.

awesome-cursorrules

Nextjs 14 Tailwind Seo Setup — coding rules

Guide

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

awesome-cursorrules

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

Nextjs React Tailwind — coding rules

Guide

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

awesome-cursorrules

Nextjs Supabase Shadcn Pwa — coding rules

Guide

Cursor rules for Nextjs Supabase Shadcn Pwa.

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

React Chakra Ui — coding rules

Guide

Cursor rules for React development with Chakra UI integration.

awesome-cursorrules

React Nextjs Ui Development — coding rules

Guide

Cursor rules for React development with Next.js UI integration.

awesome-cursorrules

Solidjs Tailwind — coding rules

Guide

Cursor rules for Solid.js development with 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

Sveltekit Tailwindcss Typescript — coding rules

Guide

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

awesome-cursorrules

Swift Uikit — coding rules

Guide

Cursor rules for Swift Uikit.

awesome-cursorrules

Swiftui Guidelines — coding rules

Guide

Cursor rules for SwiftUI development guidelines.

awesome-cursorrules

Tailwind Css Nextjs Guide — coding rules

Guide

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

awesome-cursorrules

Tailwind React Firebase — coding rules

Guide

Cursor rules for Tailwind development with React and Firebase integration.

awesome-cursorrules

Tailwind Shadcn Ui Integration — coding rules

Guide

Cursor rules for Tailwind development with shadcn/ui integration.

awesome-cursorrules

Tailwind — coding rules

Guide

Tailwind CSS and UI component best practices for modern web applications

awesome-cursorrules

Toss Style Design System — coding rules

Guide

Toss-style UI design rules for disciplined spacing, typography, grayscale hierarchy, restrained color, cards, metrics, dark mode, and accessibility

awesome-cursorrules

Typescript Nextjs React Tailwind Supabase — coding rules

Guide

Cursor rules for TypeScript development with Next.js, React, Tailwind, and Supabase 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

Typescript React Nextui Supabase — coding rules

Guide

Cursor rules for TypeScript development with React, NextUI, and Supabase integration.

awesome-cursorrules

Typescript Shadcn Ui Nextjs — coding rules

Guide

Cursor rules for TypeScript development with shadcn/ui and Next.js integration.

awesome-cursorrules

Typescript Vite Tailwind — coding rules

Guide

Cursor rules for TypeScript development with Vite and Tailwind integration.

awesome-cursorrules

Typescript Zod Tailwind Nextjs — coding rules

Guide

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

awesome-cursorrules

Uikit Guidelines — coding rules

Guide

Cursor rules for UIKit development guidelines.

awesome-cursorrules

Frontend Developer agent

Guide

Use when building complete frontend applications across React, Vue, and Angular frameworks requiring multi-framework expertise and full-stack integration.

VoltAgent subagents

Accordion

Animation

A vertically stacked set of collapsible containers allowing users to toggle content visibility. Customize the animation effects with variants and transitions for expanding/collapsing the sections.

Motion-Primitives

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.