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 33

Calculator & Unit Converter palette

Palette

Operation orange on dark

UI/UX Pro Max

Alarm & World Clock palette

Palette

Time amber + night indigo on dark

UI/UX Pro Max

Card & Board Game palette

Palette

Felt green + gold on dark

UI/UX Pro Max

Arcade & Retro Game palette

Palette

Neon red+blue on dark + score green

UI/UX Pro Max

Photo Editor & Filters palette

Palette

Editor violet + filter cyan on dark

UI/UX Pro Max

Short Video Editor palette

Palette

Video pink on dark + timeline blue

UI/UX Pro Max

Drawing & Sketching Canvas palette

Palette

Canvas purple + tool teal on dark

UI/UX Pro Max

Music Creation & Beat Maker palette

Palette

Studio purple + waveform green on dark

UI/UX Pro Max

Running & Cycling GPS palette

Palette

Energetic orange + pace green on dark

UI/UX Pro Max

Sleep Tracker palette

Palette

Night indigo + dream violet on dark

UI/UX Pro Max

Fasting & Intermittent Timer palette

Palette

Fasting indigo on dark + eating green

UI/UX Pro Max

Anonymous Community / Confession palette

Palette

Protective grey + subtle teal on dark

UI/UX Pro Max

Coding Challenge & Practice palette

Palette

Code green + difficulty amber on dark

UI/UX Pro Max

VPN & Privacy Tool palette

Palette

Shield dark + connected green

UI/UX Pro Max

White Noise & Ambient Sound palette

Palette

Ambient grey + deep indigo on dark

UI/UX Pro Max

API Developer Portal palette

Palette

Code dark + endpoint green + syntax colors

UI/UX Pro Max

Auction Platform palette

Palette

Dark luxury + bid green + outbid red + urgency

UI/UX Pro Max

Digital Signage / Kiosk palette

Palette

High contrast dark + brand accent + large touch targets

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

Web3 Bitcoin DeFi (Space Grotesk + Inter + Mono)

Font pairing

Space Grotesk + Inter — web3, bitcoin, defi, digital gold, fintech, crypto, trustless, luminescent, precision, dark

Space Grotesk / Inter

UI/UX Pro Max

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

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

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

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

E COMMERCE WEBSITE

App prompt

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

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

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

Interface Design (dashboards, tools)

Guide

Craft-first interface design for dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces, and interactive products. Use when designing, building, reviewing, auditing, or refining product UI where vis…

Interface Design skill

De-slop pass

Guide

Strip the signatures that make a UI look AI-generated — flat hierarchy, no focal point, monotone layout, timid palettes, generic tokens, defaulted type, missing states. The design counterpart to a code-deslop pass.

Interface Design skill

Interactive Hover Button

Animation

A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.

Magic UI

Morphing Text

Animation

A dynamic text morphing component for Magic UI.

Magic UI

Shiny Button

Animation

A shiny button component with dynamic styles in the dark mode or light mode.

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

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.