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 27

Sunset Horizon

Theme

shadcn/ui theme — light and dark tokens, Montserrat.

Light & dark

Montserrat

tweakcn

Starry Night

Theme

shadcn/ui theme — light and dark tokens, Libre Baskerville.

Light & dark

Libre Baskerville

tweakcn

Claude

Theme

shadcn/ui theme — light and dark tokens.

Light & dark

tweakcn

Vercel

Theme

shadcn/ui theme — light and dark tokens, Geist.

Light & dark

Geist

tweakcn

Darkmatter

Theme

shadcn/ui theme — light and dark tokens, Geist Mono.

Light & dark

Geist Mono

tweakcn

Mono

Theme

shadcn/ui theme — light and dark tokens, Geist Mono.

Light & dark

Geist Mono

tweakcn

Soft Pop

Theme

shadcn/ui theme — light and dark tokens, DM Sans.

Light & dark

DM Sans

tweakcn

Sage Garden

Theme

shadcn/ui theme — light and dark tokens, Antic.

Light & dark

Antic

tweakcn

Interactive Quiz

App prompt

Develop a comprehensive interactive quiz application with HTML5, CSS3 and JavaScript. Create an engaging UI with smooth transitions between questions. Support multiple question types including multiple choice, true/fals…

prompts.chat

Drawing App

App prompt

Create an interactive drawing application using HTML5 Canvas, CSS3, and JavaScript. Build a clean interface with intuitive tool selection. Implement multiple drawing tools including brush, pencil, shapes, text, and eras…

prompts.chat

Todo List

App prompt

Create a responsive todo app with HTML5, CSS3 and vanilla JavaScript. The app should have a modern, clean UI using CSS Grid/Flexbox with intuitive controls. Implement full CRUD functionality (add/edit/delete/complete ta…

prompts.chat

Meeting Room Booking Web App Development

App prompt

Act as a developer tasked with building a meeting room booking web app using PHP 7 and MySQL. Your task is to develop the application step by step, focusing on different roles and features. Your steps include: 1. **Crea…

prompts.chat

Xiaomi Company Self-Service Management System Frontend Development

App prompt

Act as a Frontend Developer. You are tasked with creating the front-end for Xiaomi's self-service management system. Your responsibilities include: - Designing a user-friendly interface using HTML5, CSS3, and JavaScript…

prompts.chat

Customizable Web Template for Company Branding

App prompt

Act as a Web Developer specializing in creating customizable web templates. Your task is to build a foundational frontend and backend structure that can be adapted for various company brands. You will: - Design a modula…

prompts.chat

Minimal Web-Compatible Food Order App Development

App prompt

Act as a Web Developer specializing in minimalistic design and web compatibility. Your task is to create a food ordering application that is both simple and functional for web platforms. You will: - Design a clean and i…

prompts.chat

Real-Time Multiplayer Defense Game

App prompt

Act as a Game Developer. You are skilled in creating real-time multiplayer games with a focus on strategy and engagement.\nYour task is to design a multiplayer defense game similar to forntwars.io.\nYou will:\n- Develop…

prompts.chat

Linux Monitoring Dashboard with React

App prompt

Act as a Frontend Developer. You are tasked with creating a real-time monitoring dashboard for a Linux Ubuntu server running on a MacBook using React. Your dashboard should: - Utilize the latest React components for pre…

prompts.chat

Sidebar Dashboard Design

App prompt

Act as a Frontend Developer. You are tasked with designing a sidebar dashboard interface that is both modern and user-friendly. Your responsibilities include: - Creating a responsive layout using HTML5 and CSS3. - Imple…

prompts.chat

Build an Advanced Music App for Android

App prompt

Act as a mobile app developer specializing in Android applications. Your task is to develop an advanced music app with features similar to Blooome. You will: - Design a user-friendly interface that supports album art di…

prompts.chat

Banking System App Development with CRUD Operations

App prompt

Act as a Software Developer specializing in mobile application development using Maui. Your task is to create a banking system application that supports CRUD (Create, Read, Update, Delete) operations. You will: - Develo…

prompts.chat

Quizflix App Development

App prompt

Act as a Mobile App Developer specializing in interactive applications. Your task is to develop an app called Quizflix focused on TV shows and movies quizzes. You will: - Create a quiz creation interface for the app own…

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

Visual Web Application Development

App prompt

Act as a Web Developer with a focus on creating visually appealing and user-friendly web applications. You are skilled in modern design principles and have expertise in HTML, CSS, and JavaScript. Your task is to develop…

prompts.chat

Develop a Notion Clone Application

App prompt

Act as a Software Developer tasked with creating a Notion clone application. Your goal is to replicate the core features of Notion, enabling users to efficiently manage notes, tasks, and databases in a collaborative env…

prompts.chat

Professional GitHub Dashboard for Portfolio Enhancement

App prompt

Act as a Professional Dashboard Developer. You are skilled in creating user-friendly and visually appealing dashboards using modern web development technologies.\n\nYour task is to build a comprehensive and professional…

prompts.chat

SwiftUI iOS App Development Guide

App prompt

Act as a SwiftUI Expert. You are a seasoned developer specializing in iOS applications using SwiftUI. Your task is to guide users through building a basic iOS app. You will: - Explain how to set up a new SwiftUI project…

prompts.chat

Networking Engineer Portfolio Website

App prompt

Act as a Web Developer specializing in creating portfolio websites for professionals in the networking engineering field. You are tasked with designing and building a comprehensive and visually appealing portfolio websi…

prompts.chat

Develop a Modern Website for Sporsmaç Using React Native

App prompt

Act as a React Native Developer. You are tasked with developing a modern, professional, and technologically advanced website for Sporsmaç, a sports startup specializing in basketball infrastructure leagues. This website…

prompts.chat

Create a PS5-themed Portfolio

App prompt

Act as a UI/UX Designer. You are tasked with helping a user design a portfolio that emulates a PS5 interface theme. Your task is to: 1. Create an interface where the landing page displays only one user: ${username:defau…

prompts.chat

Web App for Task Management and Scheduling

App prompt

Act as a Web Developer specializing in task management applications. You are tasked with creating a web app that enables users to manage tasks through a weekly calendar and board view. Your task is to: - Design a user-f…

prompts.chat

Tattoo Studio Booking Web App Development

App prompt

Act as a Web Developer specializing in responsive and visually captivating web applications. You are tasked with creating a web app for a tattoo studio that allows users to book appointments seamlessly on both mobile an…

prompts.chat

Streaks Mobile App Development Prompt

App prompt

Act as a Mobile App Developer. You are an expert in developing cross-platform mobile applications using React Native and Flutter. Your task is to build a mobile app named 'Streaks' that helps users track their daily act…

prompts.chat

App Store Screenshots Gallery Generator

App prompt

# App Store Screenshots Gallery Generator **Create a professional, production-ready screenshots gallery for an iOS/macOS/Android app that looks like it was designed by the top 1% of app developers.** ## Context You are…

prompts.chat

UX Conversion Deconstruction Engine

App prompt

You are a senior UX strategist and behavioral systems analyst. Your objective is to reverse-engineer why a given product, landing page, or UI converts (or fails to convert). Analyze with precision — avoid generic advice…

prompts.chat

Dota 2 Hero Stats and Builds Website Design

App prompt

Act as a Web Designer and Developer specializing in game-related content. Your task is to design and develop a website for Dota 2 that includes: - A comprehensive list of all Dota 2 heroes with their current win rates.…

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

Interactive Love Message HTML Page

App prompt

Act as a Web Developer. You are tasked with creating a simple and visually appealing HTML page for a partner. Your task is to create an interactive page that displays a beautiful message when clicked. You will: - Use HT…

prompts.chat

Frontend Design (Anthropic skill)

Guide

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Anthropic skills

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

Interaction Design & Motion

Guide

Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.

wshobson agents

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

Android Design (Material)

Guide

Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.

wshobson agents

Morphing Text

Animation

A dynamic text morphing component for Magic UI.

Magic UI

Dock

Animation

A versatile UI element that provides a flexible and customizable way to organize and display menu items within your application.

Motion-Primitives

Tilt

Animation

3D tilt effect that responds to mouse movement, enhancing UI elements with a dynamic depth effect, customizable rotation factors and spring options.

Motion-Primitives

Claude-inspired

Brand-inspired

A warm-canvas editorial interface for Anthropic's Claude product. The system anchors on a tinted cream canvas with serif display headlines, warm coral CTAs, and dark navy product surfaces (code editor mockups, model sho…

Full style reference · 34k chars

Copernicus

Awesome DESIGN.md

Warp-inspired

Brand-inspired

An inspired interpretation of Warp's design language — an agentic terminal-and-development-environment brand whose surface is a warm near-charcoal canvas (a tint warmer than pure black), broken only by clean Inter typog…

Full style reference · 24k chars

Inter

Awesome DESIGN.md

Blueland-inspired

Brand-inspired

Every product page at Blueland opens with a color-coded argument — lemon yellow (#fffcbb) for citrus, pale mint (#c8faa1) for eucalyptus, soft lavender (#fce5ff) for fresh linen — a candy-counter display that reframes c…

Full style reference · 20k chars

GT-Pressura

Awesome DESIGN.md — e-commerce

Minisforum-inspired

Brand-inspired

Minisforum's storefront evidence shows a cool, technical e-commerce palette built on near-black text (#000000, #1a1a1a, #1d1d1f) over white and off-white canvases (#ffffff, #fafafa, #f5f5f5), with a saturated blue (#133…

Full style reference · 11k chars

Inter

Awesome DESIGN.md — e-commerce

Coding Bootcamp palette

Palette

Terminal dark + success green

UI/UX Pro Max

Autonomous Drone Fleet Manager palette

Palette

Terminal green + alert red

UI/UX Pro Max

Coding Challenge & Practice palette

Palette

Code green + difficulty amber on dark

UI/UX Pro Max

Open Source Project Landing palette

Palette

Dark code + star gold + fork silver + sponsor purple

UI/UX Pro Max

RPA / Automation Dashboard palette

Palette

Dark terminal + running green + failed red + queued amber

UI/UX Pro Max

Tech/HUD Mono

Font pairing

Share Tech Mono + Fira Code — tech, futuristic, hud, sci-fi, data, monospaced, precise

Share Tech Mono / Fira Code

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

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.