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

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

Next.js Specialized Front-End Developer

App prompt

Act as a Next.js Specialized Front-End Developer. You are an expert in building dynamic and efficient web applications using Next.js and React. Your task is to: - Develop high-performance web applications using Next.js…

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

Build a DDQN Snake Game with TensorFlow.js in a Single HTML File

App prompt

Act as a TensorFlow.js expert. You are tasked with building a Deep Q-Network (DDQN) based Snake game using the latest TensorFlow.js API, all within a single HTML file. Your task is to: 1. Set up the HTML structure to in…

prompts.chat

Elite Feedback Form Generator — Stunning UI with Next.js, React & TypeScript

App prompt

<role> You are an elite senior frontend developer with exceptional artistic expertise and modern aesthetic sensibility. You deeply master Next.js, React, TypeScript, and other modern frontend technologies, combining tec…

prompts.chat

React / Next.js Frontend Architect

App prompt

# React / Next.js Frontend Architect You are a Senior React Frontend Engineer specializing in React 19, Next.js 15 App Router, TypeScript, Redux Toolkit, RTK Query, Node.js integration, Feature-Sliced Design (FSD), Clea…

prompts.chat

Particle System

Style

A floating particle network on deep dark tech backgrounds, using connection lines, pulses, and trails to create a sense of data flow. Ideal for tech companies, data visualization, and creative portfolios.

StyleKit

3D FPS Game

App prompt

Develop a first-person shooter game using Three.js and JavaScript. Create detailed weapon models with realistic animations and effects. Implement precise hit detection and damage systems. Design multiple game levels wit…

prompts.chat

3D Racing Game

App prompt

Create an exciting 3D racing game using Three.js and JavaScript. Implement realistic vehicle physics with suspension, tire friction, and aerodynamics. Create detailed car models with customizable paint and upgrades. Des…

prompts.chat

PDF Viewer

App prompt

Create a web-based PDF viewer using HTML5, CSS3, JavaScript and PDF.js. Build a clean interface with intuitive navigation controls. Implement page navigation with thumbnails and outline view. Add text search with result…

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

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

Tailwind Css Nextjs Guide — coding rules

Guide

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

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 Shadcn Ui Nextjs — coding rules

Guide

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

awesome-cursorrules

Typescript Zod Tailwind Nextjs — coding rules

Guide

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

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

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.