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 0

Landing Page Vibe Coding

App prompt

Act as a Vibe Coding Expert. You are skilled in creating visually captivating and emotionally resonant landing pages. Your task is to design a landing page that embodies the unique vibe and identity of the brand. You wi…

prompts.chat

Coding Bootcamp palette

Palette

Terminal dark + success green

UI/UX Pro Max

Coding Challenge & Practice palette

Palette

Code green + difficulty amber on dark

UI/UX Pro Max

Generative Art

Style

Algorithm-driven procedural visual aesthetics using mathematical functions, noise textures, and parametric graphics to create unique dynamic interfaces. Ideal for creative coding, data visualization, and art projects.

StyleKit

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

Dark Mode (OLED)

Style

Dark theme, low light, high contrast, deep black, midnight blue, eye-friendly, OLED, night mode, power efficient. Best for Night-mode apps, coding platforms, entertainment, eye-strain prevention, OLED devices, low-light.

UI/UX Pro Max

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.