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.
Particle System
StyleA 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
Floating 3D Particles
AnimationA canvas-based pseudo-3D particle field with perspective projection, continuous rotation, buoyant drift and depth-aware rendering.
Magic UI
Particles
AnimationParticles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.
Magic UI
Generative Art
StyleAlgorithm-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 promptAct 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 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
Build a DDQN Snake Game with TensorFlow.js in a Single HTML File
App promptAct 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
3D FPS Game
App promptDevelop 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 promptCreate 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 promptCreate 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
GuideCursor rules for Next.js development with Tailwind CSS and SEO optimization.
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 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
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
Tailwind Css Nextjs Guide — coding rules
GuideCursor rules for Tailwind CSS development with Next.js integration.
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 Shadcn Ui Nextjs — coding rules
GuideCursor rules for TypeScript development with shadcn/ui and Next.js integration.
awesome-cursorrules
Typescript Zod Tailwind Nextjs — coding rules
GuideCursor rules for TypeScript development with Zod, Tailwind, and Next.js integration.
awesome-cursorrules
Web Component Design
GuideMaster 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.