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 6

CRM & Client Management palette

Palette

Professional blue + deal green

UI/UX Pro Max

Corporate Clean

Style

Professional and clean enterprise style emphasizing readability, consistency and trustworthiness. Ideal for B2B SaaS, corporate websites, and admin dashboards.

StyleKit

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

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

SaaS Analytics Dashboard - Knowledge-Anchored Frontend Prompt

App prompt

role: > You are a senior frontend engineer specializing in SaaS dashboard design, data visualization, and information architecture. You have deep expertise in React, Tailwind CSS, and building data-dense interfaces that…

prompts.chat

Event Management palette

Palette

Excitement purple + action orange [Accent adjusted from #F97316]

UI/UX Pro Max

Inventory & Stock Management palette

Palette

Industrial slate + stock green

UI/UX Pro Max

Email Client palette

Palette

Inbox blue + priority red

UI/UX Pro Max

Status Page / Incident Management palette

Palette

Operational green + incident red + maintenance amber

UI/UX Pro Max

Feature Flag / Config Management palette

Palette

Enabled green + disabled grey + experimental amber

UI/UX Pro Max

LMS (Learning Management System) palette

Palette

Education teal + course amber + grade green

UI/UX Pro Max

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

Dashboard Layout

Style

A data-driven dashboard layout featuring side navigation, top toolbar, multi-module data panels, and chart areas -- ideal for admin systems, data analytics platforms, and monitoring dashboards.

StyleKit

Enterprise SaaS Mobile (Plus Jakarta Sans)

Font pairing

Plus Jakarta Sans + Plus Jakarta Sans — enterprise, saas, b2b, professional, indigo, modern, approachable, legible, ios dynamic type, android scaling

Plus Jakarta Sans

UI/UX Pro Max

Fixed Sidebar

Style

Application layout with a fixed sidebar navigation and scrollable main content area. Ideal for admin dashboards, documentation sites, dashboards, and SaaS applications.

StyleKit

Subject-Wise School Performance Dashboard Generator

App prompt

Act as an expert Educational Data Analyst. Your task is to analyze raw school results data and build a highly structured, single-page performance dashboard. ## Context - Target Audience: School Administration and Depart…

prompts.chat

Warm Dashboard

Style

A warm and soft dashboard design style with coral/terracotta backgrounds, cream-white cards, and gentle shadows, creating a comfortable and professional data display experience.

StyleKit

Friendly SaaS

Font pairing

Plus Jakarta Sans + Plus Jakarta Sans — friendly, modern, saas, clean, approachable, professional

Plus Jakarta Sans

UI/UX Pro Max

Dashboard Data

Font pairing

Fira Code + Fira Sans — dashboard, data, analytics, code, technical, precise

Fira Code / Fira Sans

UI/UX Pro Max

SaaS Mobile Boutique (Calistoga + Inter)

Font pairing

Calistoga + Inter — saas, boutique, electric, warm, editorial, bold, premium, fintech, business, dual font, human warmth

Calistoga / Inter

UI/UX Pro Max

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

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

Business Engineer Dashboard Creator

App prompt

Act as a Business Engineer specializing in dashboard creation. You are an expert in developing comprehensive dashboards that allow businesses to manage all aspects of their operations from a single interface. Your task…

prompts.chat

Core Systems Architect: Upgrading the TITAN OMEGA Edge Dashboard

App prompt

--- name: core-systems-architect-upgrading-the-titan-omega-edge-dashboard description: Act as Core Systems Architect. Upgrade FRACTALMESH/TITAN OMEGA to v10355.0. Expose raw JSON streams (system, telemetry, revenue, log…

prompts.chat

Data Dense

Style

High-density admin panel style with compact spacing and small components. Prioritizes data tables and operational efficiency.

StyleKit

SaaS (General) palette

Palette

Trust blue + orange CTA contrast [Accent adjusted from #F97316]

UI/UX Pro Max

Micro SaaS palette

Palette

Indigo primary + emerald CTA [Accent adjusted from #10B981]

UI/UX Pro Max

B2B Service palette

Palette

Professional navy + blue CTA

UI/UX Pro Max

Financial Dashboard palette

Palette

Dark bg + green positive indicators

UI/UX Pro Max

Analytics Dashboard palette

Palette

Blue data + amber highlights [Accent adjusted from #F59E0B]

UI/UX Pro Max

Smart Home/IoT Dashboard palette

Palette

Dark tech + status green

UI/UX Pro Max

RPA / Automation Dashboard palette

Palette

Dark terminal + running green + failed red + queued amber

UI/UX Pro Max

Data-Dense Dashboard

Style

Multiple charts/widgets, data tables, KPI cards, minimal padding, grid layout, space-efficient, maximum data visibility. Best for Business intelligence dashboards, financial analytics, enterprise reporting, operational…

UI/UX Pro Max

Bento Box Grid

Style

Modular cards, asymmetric grid, varied sizes, Apple-style, dashboard tiles, negative space, clean hierarchy, cards. Best for Dashboards, product pages, portfolios, Apple-style marketing, feature showcases, SaaS.

UI/UX Pro Max

Design system: Precision

Guide

Example system for dashboard/admin interfaces

Interface Design skill

Neon Gradient

Style

Vivid gradient cards on dark backgrounds with thick colored borders and neon glow effects. Ideal for tech products, SaaS landing pages, and youth-oriented brands.

StyleKit

Shopify Polaris

Style

shopify polaris, merchant admin, commerce, checkout, web components, app home. Best for Shopify admin apps, merchant tools, checkout, customer accounts, POS, and extensions.

UI/UX Pro Max

Budget Tracker

App prompt

Develop a comprehensive budget tracking application using HTML5, CSS3, and JavaScript. Create an intuitive dashboard showing income, expenses, savings, and budget status. Implement transaction management with categories…

prompts.chat

Creative Studio

Style

A bold, confident portfolio style for design studios, agencies, and freelancers. Oversized typography, bold color blocking, rich hover states, client logo walls, and team grids — professional but never corporate, with p…

Full style reference · 7k chars

StyleKit

Cyber Anime

Style

Fusing cyberpunk sci-fi UI with anime aesthetics, featuring HUD overlays, holographic projection panels, mecha-frame borders, and multi-layer neon glow effects for a futuristic anime interface style.

StyleKit

Linear Style

Style

StyleKit

Stripe Style

Style

A refined and professional fintech style featuring Stripe purple as the primary color, complemented by gradient grid backgrounds, elegant card shadows, and smooth animations, ideal for payment products and developer too…

StyleKit

Minimalism & Swiss Style

Style

Clean, simple, spacious, functional, white space, high contrast, geometric, sans-serif, grid-based, essential. Best for Enterprise apps, dashboards, documentation sites, SaaS platforms, professional tools.

UI/UX Pro Max

Glassmorphism

Style

Frosted glass, transparent, blurred background, layered, vibrant background, light source, depth, multi-layer. Best for Modern SaaS, financial dashboards, high-end corporate, lifestyle apps, modal overlays, navigation.

UI/UX Pro Max

Flat Design

Style

2D, minimalist, bold colors, no shadows, clean lines, simple shapes, typography-focused, modern, icon-heavy. Best for Web apps, mobile apps, cross-platform, startup MVPs, user-friendly, SaaS, dashboards, corporate.

UI/UX Pro Max

Dimensional Layering

Style

Depth, overlapping, z-index, layers, 3D, shadows, elevation, floating, cards, spatial hierarchy. Best for Dashboards, card layouts, modals, navigation, product showcases, SaaS interfaces.

UI/UX Pro Max

Music Player

App prompt

Develop a web-based music player using HTML5, CSS3, and JavaScript with the Web Audio API. Create a modern interface with album art display and visualizations. Implement playlist management with drag-and-drop reordering…

prompts.chat

Pomodoro Timer

App prompt

Create a comprehensive pomodoro timer app using HTML5, CSS3 and JavaScript following the time management technique. Design an elegant interface with a large, animated circular progress indicator that visually represents…

prompts.chat

Job and Internship Tracker for Google Sheets

App prompt

Act as a Career Management Assistant. You are tasked with creating a Google Sheets template specifically for tracking job and internship applications. Your task is to: - Design a spreadsheet layout that includes columns…

prompts.chat

Frontend Developer

App prompt

--- name: frontend-developer description: "Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at cre…

prompts.chat

Kickstart Prompt for Web UX & UI Design

App prompt

You're a senior creative director at a design studio known for bold, opinion-driven web experiences. I'm briefing you on a new project. **Client:** ${company_name} **Industry:** ${industry} **Existing site:** ${if_there…

prompts.chat

Shader Gradient

Style

A premium SaaS aesthetic built on a real-time WebGL fragment-shader mesh gradient. A slowly breathing iridescent field flows across a near-black canvas while frosted-glass panels float above it, paired with a clean mode…

Full style reference · 9k chars

StyleKit

Cal-inspired

Brand-inspired

A clean, calendar-software-first interface anchored on white canvas with black primary CTAs and custom Cal Sans display typography. The system reads as friendly modern SaaS — generous whitespace, soft-rounded cards (~12…

Full style reference · 31k chars

Cal Sans

Awesome DESIGN.md

The Ordinary-inspired

Brand-inspired

A clinical skincare brand that uses a stark white canvas and a single red accent — #e83f42 — as its only emotional release, applied to the cart icon, sale badges, and the "Add to Cart" button that sits like a stop sign…

Full style reference · 16k chars

Jost

Awesome DESIGN.md — e-commerce

Optima Batteries-inspired

Brand-inspired

Optima Batteries presents a dark, high-contrast storefront running on a Salesforce

Full style reference · 11k chars

KnockoutNo.67FullBantamweight

Awesome DESIGN.md — e-commerce

Nantucket Sinks-inspired

Brand-inspired

Nantucket Sinks USA is a B2B kitchen and bathroom fixture supplier with a

Full style reference · 10k chars

Poppins

Awesome DESIGN.md — e-commerce

Claymorphism

Style

Soft 3D, chunky, playful, toy-like, bubbly, thick borders (3-4px), double shadows, rounded (16-24px). Best for Educational apps, children's apps, SaaS platforms, creative tools, fun-focused, onboarding, casual games.

UI/UX Pro Max

Aurora UI

Style

Vibrant gradients, smooth blend, Northern Lights effect, mesh gradient, luminous, atmospheric, abstract. Best for Modern SaaS, creative agencies, branding, music platforms, lifestyle, premium products, hero sections.

UI/UX Pro Max

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.