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 12

Flat Design Mobile (System Bold)

Font pairing

Inter + Inter — flat, clean, system, bold, geometric, cross-platform, icon, poster, minimal, functional, responsive

Inter

UI/UX Pro Max

Violet Bloom

Theme

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

Light & dark

Plus Jakarta Sans

tweakcn

T3 Chat

Theme

shadcn/ui theme — light and dark tokens.

Light & dark

tweakcn

Twitter

Theme

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

Light & dark

Open Sans

tweakcn

Mocha Mousse

Theme

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

Light & dark

DM Sans

tweakcn

Bubblegum

Theme

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

Light & dark

Poppins

tweakcn

Amethyst Haze

Theme

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

Light & dark

Geist

tweakcn

Notebook

Theme

shadcn/ui theme — light and dark tokens, Architects Daughter.

Light & dark

Architects Daughter

tweakcn

Doom 64

Theme

shadcn/ui theme — light and dark tokens, "Oxanium".

Light & dark

"Oxanium"

tweakcn

Catppuccin

Theme

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

Light & dark

Montserrat

tweakcn

Graphite

Theme

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

Light & dark

Montserrat

tweakcn

Perpetuity

Theme

shadcn/ui theme — light and dark tokens, Courier New.

Light & dark

Courier New

tweakcn

Kodama Grove

Theme

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

Light & dark

Merriweather

tweakcn

Cosmic Night

Theme

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

Light & dark

Inter

tweakcn

Tangerine

Theme

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

Light & dark

Inter

tweakcn

Quantum Rose

Theme

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

Light & dark

Poppins

tweakcn

Nature

Theme

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

Light & dark

Montserrat

tweakcn

Bold Tech

Theme

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

Light & dark

Roboto

tweakcn

Elegant Luxury

Theme

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

Light & dark

Poppins

tweakcn

Supabase

Theme

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

Light & dark

Outfit

tweakcn

Neo Brutalism

Theme

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

Light & dark

DM Sans

tweakcn

Solar Dusk

Theme

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

Light & dark

Oxanium

tweakcn

Claymorphism

Theme

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

Light & dark

Plus Jakarta Sans

tweakcn

Cyberpunk

Theme

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

Light & dark

Outfit

tweakcn

Pastel Dreams

Theme

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

Light & dark

Open Sans

tweakcn

Clean Slate

Theme

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

Light & dark

Inter

tweakcn

Caffeine

Theme

shadcn/ui theme — light and dark tokens.

Light & dark

tweakcn

Ocean Breeze

Theme

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

Light & dark

DM Sans

tweakcn

Retro Arcade

Theme

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

Light & dark

Outfit

tweakcn

Midnight Bloom

Theme

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

Light & dark

Montserrat

tweakcn

Candyland

Theme

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

Light & dark

Poppins

tweakcn

Northern Lights

Theme

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

Light & dark

Plus Jakarta Sans

tweakcn

Vintage Paper

Theme

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

Light & dark

Libre Baskerville

tweakcn

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

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

Gravity Shift: Low-Poly Physics Platformer

App prompt

Game Concept: A puzzle-platformer named "Gravity Shift" where players rotate the entire world to navigate a 3D low-poly labyrinth. The environment is minimalist, using pastel gradients and sharp geometric shapes. Techni…

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

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

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

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

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.