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.
CRM & Client Management palette
PaletteProfessional blue + deal green
UI/UX Pro Max
Corporate Clean
StyleProfessional 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 promptAct 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 promptAct 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 promptrole: > 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
PaletteExcitement purple + action orange [Accent adjusted from #F97316]
UI/UX Pro Max
Inventory & Stock Management palette
PaletteIndustrial slate + stock green
UI/UX Pro Max
Email Client palette
PaletteInbox blue + priority red
UI/UX Pro Max
Status Page / Incident Management palette
PaletteOperational green + incident red + maintenance amber
UI/UX Pro Max
Feature Flag / Config Management palette
PaletteEnabled green + disabled grey + experimental amber
UI/UX Pro Max
LMS (Learning Management System) palette
PaletteEducation teal + course amber + grade green
UI/UX Pro Max
Interface Design (dashboards, tools)
GuideCraft-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
StyleA 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 pairingPlus 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
StyleApplication 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 promptAct 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
StyleA 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 pairingPlus Jakarta Sans + Plus Jakarta Sans — friendly, modern, saas, clean, approachable, professional
Plus Jakarta Sans
UI/UX Pro Max
Dashboard Data
Font pairingFira Code + Fira Sans — dashboard, data, analytics, code, technical, precise
Fira Code / Fira Sans
UI/UX Pro Max
SaaS Mobile Boutique (Calistoga + Inter)
Font pairingCalistoga + 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 promptAct 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 promptAct 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 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
Professional GitHub Dashboard for Portfolio Enhancement
App promptAct 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 promptAct 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
StyleHigh-density admin panel style with compact spacing and small components. Prioritizes data tables and operational efficiency.
StyleKit
SaaS (General) palette
PaletteTrust blue + orange CTA contrast [Accent adjusted from #F97316]
UI/UX Pro Max
Micro SaaS palette
PaletteIndigo primary + emerald CTA [Accent adjusted from #10B981]
UI/UX Pro Max
B2B Service palette
PaletteProfessional navy + blue CTA
UI/UX Pro Max
Financial Dashboard palette
PaletteDark bg + green positive indicators
UI/UX Pro Max
Analytics Dashboard palette
PaletteBlue data + amber highlights [Accent adjusted from #F59E0B]
UI/UX Pro Max
Smart Home/IoT Dashboard palette
PaletteDark tech + status green
UI/UX Pro Max
RPA / Automation Dashboard palette
PaletteDark terminal + running green + failed red + queued amber
UI/UX Pro Max
Data-Dense Dashboard
StyleMultiple 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
StyleModular 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
GuideExample system for dashboard/admin interfaces
Interface Design skill
Neon Gradient
StyleVivid 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
Styleshopify 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 promptDevelop 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
StyleA 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 charsStyleKit
Cyber Anime
StyleFusing 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
StyleStyleKit
Stripe Style
StyleA 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
StyleClean, 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
StyleFrosted 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
Style2D, 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
StyleDepth, 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 promptDevelop 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 promptCreate 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 promptAct 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 promptYou'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
StyleA 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 charsStyleKit
Cal-inspired
Brand-inspiredA 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 charsCal Sans
Awesome DESIGN.md
The Ordinary-inspired
Brand-inspiredA 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 charsJost
Awesome DESIGN.md — e-commerce
Optima Batteries-inspired
Brand-inspiredOptima Batteries presents a dark, high-contrast storefront running on a Salesforce
Full style reference · 11k charsKnockoutNo.67FullBantamweight
Awesome DESIGN.md — e-commerce
Nantucket Sinks-inspired
Brand-inspiredNantucket Sinks USA is a B2B kitchen and bathroom fixture supplier with a
Full style reference · 10k charsPoppins
Awesome DESIGN.md — e-commerce
Claymorphism
StyleSoft 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
StyleVibrant 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.