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.
Card Stack
Style3D 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 promptAct 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-inspiredMalco 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 charsfutura-pt-bold
Awesome DESIGN.md — e-commerce
Pact-inspired
Brand-inspiredPact's stylesheet confirms a body typeface stack of Averta, Helvetica Neue,
Full style reference · 11k charsAverta
Awesome DESIGN.md — e-commerce
Collage Art
StyleMagazine 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 pairingPlayfair 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 pairingCormorant 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 promptAct 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 promptAct 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 promptAct 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 promptYou 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 promptYou 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 promptHere’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
GuideCursor rules for Cursor AI development with React, TypeScript, and shadcn/ui integration.
awesome-cursorrules
Nextjs 14 Tailwind Seo Setup — coding rules
GuideCursor rules for Next.js development with Tailwind CSS and SEO optimization.
awesome-cursorrules
Html Tailwind Css Javascript — coding rules
GuideCursor rules for HTML development with Tailwind CSS and JavaScript integration.
awesome-cursorrules
Javascript Astro Tailwind Css — coding rules
GuideCursor rules for JavaScript development with Astro and Tailwind CSS integration.
awesome-cursorrules
Nextjs Material Ui Tailwind Css — coding rules
GuideCursor rules for Next.js development with Material UI and Tailwind CSS integration.
awesome-cursorrules
Nextjs React Tailwind — coding rules
GuideCursor rules for Next.js development with React and Tailwind CSS integration.
awesome-cursorrules
Nextjs Supabase Shadcn Pwa — coding rules
GuideCursor rules for Nextjs Supabase Shadcn Pwa.
awesome-cursorrules
Nextjs Tailwind Typescript Apps — coding rules
GuideCursor rules for Next.js development with Tailwind CSS and TypeScript integration.
awesome-cursorrules
Nextjs Typescript Tailwind — coding rules
GuideCursor rules for Next.js development with TypeScript and Tailwind CSS integration.
awesome-cursorrules
Nextjs15 React19 Vercelai Tailwind — coding rules
GuideCursor rules for Next.js development with React 19, Vercel AI, and Tailwind CSS integration.
awesome-cursorrules
Qwik Tailwind — coding rules
GuideCursor rules for Qwik development with Tailwind CSS integration.
awesome-cursorrules
React Chakra Ui — coding rules
GuideCursor rules for React development with Chakra UI integration.
awesome-cursorrules
React Nextjs Ui Development — coding rules
GuideCursor rules for React development with Next.js UI integration.
awesome-cursorrules
Solidjs Tailwind — coding rules
GuideCursor rules for Solid.js development with Tailwind CSS integration.
awesome-cursorrules
Sveltekit Restful Api Tailwind Css — coding rules
GuideCursor rules for SvelteKit development with RESTful API and Tailwind CSS integration.
awesome-cursorrules
Sveltekit Tailwindcss Typescript — coding rules
GuideCursor rules for SvelteKit development with Tailwind CSS and TypeScript integration.
awesome-cursorrules
Swift Uikit — coding rules
GuideCursor rules for Swift Uikit.
awesome-cursorrules
Swiftui Guidelines — coding rules
GuideCursor rules for SwiftUI development guidelines.
awesome-cursorrules
Tailwind Css Nextjs Guide — coding rules
GuideCursor rules for Tailwind CSS development with Next.js integration.
awesome-cursorrules
Tailwind React Firebase — coding rules
GuideCursor rules for Tailwind development with React and Firebase integration.
awesome-cursorrules
Tailwind Shadcn Ui Integration — coding rules
GuideCursor rules for Tailwind development with shadcn/ui integration.
awesome-cursorrules
Tailwind — coding rules
GuideTailwind CSS and UI component best practices for modern web applications
awesome-cursorrules
Toss Style Design System — coding rules
GuideToss-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
GuideCursor rules for TypeScript development with Next.js, React, Tailwind, and Supabase integration.
awesome-cursorrules
Typescript Nodejs Nextjs React Ui Css — coding rules
GuideCursor rules for TypeScript development with Node.js, Next.js, React, UI, and CSS integration.
awesome-cursorrules
Typescript React Nextui Supabase — coding rules
GuideCursor rules for TypeScript development with React, NextUI, and Supabase integration.
awesome-cursorrules
Typescript Shadcn Ui Nextjs — coding rules
GuideCursor rules for TypeScript development with shadcn/ui and Next.js integration.
awesome-cursorrules
Typescript Vite Tailwind — coding rules
GuideCursor rules for TypeScript development with Vite and Tailwind integration.
awesome-cursorrules
Typescript Zod Tailwind Nextjs — coding rules
GuideCursor rules for TypeScript development with Zod, Tailwind, and Next.js integration.
awesome-cursorrules
Uikit Guidelines — coding rules
GuideCursor rules for UIKit development guidelines.
awesome-cursorrules
Frontend Developer agent
GuideUse when building complete frontend applications across React, Vue, and Angular frameworks requiring multi-framework expertise and full-stack integration.
VoltAgent subagents
Accordion
AnimationA 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.