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.
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
Toolbar Dynamic
AnimationChanges height based on content, expanding to display more tools and shrinking to save space. Keeps your screen organized and efficient.
Motion-Primitives
Remote Work/Collaboration Tool palette
PaletteCalm indigo + success green [Accent adjusted from #10B981]
UI/UX Pro Max
Cursor-inspired
Brand-inspiredAn AI-first code editor whose marketing site reads like a quietly-confident developer-tools brand with a warm-cream editorial canvas (`#f7f7f4`) instead of the typical dark IDE atmosphere. Near-black warm ink (`#26251e`…
Full style reference · 22k charsCursorGothic
Awesome DESIGN.md
Dark Mode
StyleElegant dark interface design with low-contrast layering, subtle borders and highlights. Ideal for developer tools, professional applications, and night reading mode.
StyleKit
Adobe Spectrum
Styleadobe spectrum, creative tools, enterprise, content creation, tokenized, cross-platform. Best for Creative tools, media workflows, document products, and Adobe-adjacent enterprise software.
UI/UX Pro Max
Linear-inspired
Brand-inspiredA near-black product-focused marketing canvas built around #010102 (the deepest dark surface of any tool in this collection), light gray text (#f7f8f8), and the signature Linear lavender-blue (#5e6ad2) used as the singl…
Full style reference · 24k charsLinear Display
Awesome DESIGN.md
Cinematic Video Hero
StyleA cinematic opener led by a short looping video. A poster frame paints first as the LCP; the muted video autoplays and loops only once in view; text sits on a readability scrim. Dark grading and slow motion build a trai…
Full style reference · 6k charsStyleKit
Bugatti-inspired
Brand-inspiredAn austere luxury-automotive interface that uses near-pure black canvas, white uppercase letterspaced display, and full-bleed automotive photography as the only voltage. The system runs three custom Bugatti typefaces —…
Full style reference · 29k charsBugatti Display
Awesome DESIGN.md
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
Clickhouse-inspired
Brand-inspiredA high-performance database interface anchored on near-pure black canvas with electric yellow as the brand voltage. White typography in confident sans, yellow CTAs, and yellow-text stat numbers carry the brand voice acr…
Full style reference · 26k charsInter
Awesome DESIGN.md
Composio-inspired
Brand-inspiredA developer-tools brand for AI-agent tool integration whose marketing surfaces lean into a dark, technical aesthetic with a single deep-electric-blue voltage (`#0007cd`). The page floor is near-black (`#0f0f0f`); cards…
Full style reference · 21k charsabcDiatype
Awesome DESIGN.md
Ferrari-inspired
Brand-inspiredA luxury-automotive brand whose marketing surfaces read as cinematic editorial. The base canvas is **near-black** (`#181818`) holding pure white display type; white-canvas bands appear only inside specific editorial con…
Full style reference · 24k charsFerrariSans
Awesome DESIGN.md
Hashicorp-inspired
Brand-inspiredAn enterprise-infrastructure marketing canvas built around a near-black ground (#000000) and a system of per-product accent colors — Terraform purple, Vault yellow, Consul pink, Waypoint cyan, Vagrant blue — that act as…
Full style reference · 28k charshashicorpSans
Awesome DESIGN.md
Hp-inspired
Brand-inspiredAn inspired interpretation of HP's design language — a white-paper enterprise-consumer system anchored by HP Electric Blue (`#024ad8`) as the lone signal CTA, near-black ink (`#1a1a1a`) for headlines, geometric Forma-DJ…
Full style reference · 36k charsForma DJR Micro
Awesome DESIGN.md
Ibm-inspired
Brand-inspiredAn enterprise-marketing canvas faithful to Carbon Design System: white surfaces, charcoal type, IBM Blue (#0f62fe) as the single confident accent, and a deliberately flat-square aesthetic where corners stay at 0–4px. Ty…
Full style reference · 26k charsIBM Plex Sans
Awesome DESIGN.md
Lovable-inspired
Brand-inspiredLovable's website radiates warmth through restraint. The entire page sits on a creamy, parchment-toned background (`#f7f4ed`) that immediately separates it from the cold-white conventions of most developer tool sites. T…
Full style reference · 17k charsAwesome DESIGN.md
Minimax-inspired
Brand-inspiredMiniMax presents itself as a premium AI infrastructure brand through a striking duality — bold black-pill CTAs and stark white canvas for marketing, paired with vibrant gradient product cards (orange-red, magenta-pink,…
Full style reference · 38k charsDM Sans
Awesome DESIGN.md
Miro-inspired
Brand-inspiredMiro presents itself as the AI-powered visual workspace through a confident, almost playful brand voice — anchored by its signature canary yellow ({colors.brand-yellow}) wordmark over white canvas, broken open by colorf…
Full style reference · 37k charsRoobert PRO
Awesome DESIGN.md
Notion-inspired
Brand-inspiredNotion presents itself as the all-in-one workspace through a confident, illustration-rich brand voice — anchored by a deep navy hero band ({colors.brand-navy}) decorated with brand-colored sticky-note dots and mesh wire…
Full style reference · 35k charsNotion Sans
Awesome DESIGN.md
Runwayml-inspired
Brand-inspiredRunway's interface is a cinematic reel brought to life as a website — a dark, editorial, film-production-grade design where full-bleed photography and video ARE the primary UI elements. This is not a typical tech produc…
Full style reference · 14k charsAwesome DESIGN.md
Sanity-inspired
Brand-inspiredSanity's website is a developer-content platform rendered as a nocturnal command center -- dark, precise, and deeply structured. The entire experience sits on a near-black canvas (`#0b0b0b`) that reads less like a "dark…
Full style reference · 21k charsAwesome DESIGN.md
Sentry-inspired
Brand-inspiredAn inspired interpretation of Sentri's design language — a developer-tools brand built on a deep purple-violet midnight canvas, electric lime accents, and a slightly subversive illustrated personality. The system pairs…
Full style reference · 35k charsSentri Display
Awesome DESIGN.md
Together-inspired
Brand-inspiredAn inspired interpretation of Together AI's design language — an AI infrastructure platform whose surface alternates between near-black hero bands (with a three-color orange-magenta-periwinkle gradient as the single pie…
Full style reference · 38k charsThe Future
Awesome DESIGN.md
Coyuchi-inspired
Brand-inspiredA tactile, earth-honoring bath and bedding brand that speaks in the quiet language of organic cotton and slow craft. The palette is anchored by a vivid, oceanic blue — `#00bbff` — that appears as a signature accent acro…
Full style reference · 21k charsTiempos Headline
Awesome DESIGN.md — e-commerce
Lyre's-inspired
Brand-inspiredLyre's presents as a premium, editorial non-alcoholic spirits storefront built on a
Full style reference · 11k charsOswald
Awesome DESIGN.md — e-commerce
Sweet Loren's-inspired
Brand-inspiredSweet Loren's presents itself as a playful, better-for-you baking brand: gluten-free,
Full style reference · 11k charsPlayfair Display
Awesome DESIGN.md — e-commerce
Kemper-inspired
Brand-inspiredKemper's public site renders as a dark-themed interface: the observed
Full style reference · 10k charsLato
Awesome DESIGN.md — e-commerce
Ucon Acrobatics-inspired
Brand-inspiredUcon Acrobatics presents itself as a Berlin-founded, B Corp-certified backpack
Full style reference · 10k charsRoboto Condensed
Awesome DESIGN.md — e-commerce
Polaroid-inspired
Brand-inspiredPolaroid.com is confirmed as the brand's official US storefront, presenting
Full style reference · 10k charsAwesome DESIGN.md — e-commerce
Kraken-inspired
Brand-inspiredKraken's website is a clean, trustworthy crypto exchange that uses purple as its commanding brand color. The design operates on white backgrounds with Kraken Purple (`#7132f5`, `#5741d8`, `#5b1ecf`) creating a distincti…
Awesome DESIGN.md
Soft UI Evolution
StyleEvolved soft UI, better contrast, modern aesthetics, subtle depth, accessibility-focused, improved shadows, hybrid. Best for Modern enterprise apps, SaaS platforms, health/wellness, modern business tools, professional,…
UI/UX Pro Max
Fluent 2
Stylefluent 2, microsoft, enterprise, calm, rounded, tokenized, cross-platform, copilot. Best for Microsoft 365, Windows, Copilot, and enterprise line-of-business tools.
UI/UX Pro Max
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
Meeting Room Booking Web App Development
App promptAct 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
Digital Visiting Card Product Architect
App promptAct 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
QuizFlix Mobile App Design for University Students
App promptAct as a Mobile App Designer specialized in creating innovative educational apps. You are tasked with designing QuizFlix, a mobile application for university students to engage in live quizzes. Your task is to: 1. **Fea…
prompts.chat
Finance Tracker App Development Plan
App promptAct as a Senior Flutter Architect + Product Engineer. You have over 10 years of experience building production-grade Flutter apps for Android and iOS, focusing on clean architecture, great UX, strong privacy, and fast i…
prompts.chat
Develop a UI Library for ESP32
App promptAct as an Embedded Systems Developer. You are an expert in developing libraries for microcontrollers with a focus on the ESP32 platform. Your task is to develop a UI library for the ESP32 with the following specificatio…
prompts.chat
Senior Product Engineer + Data Scientist for Turkish Car Valuation Platform
App promptAct as a Senior Product Engineer and Data Scientist team working together as an autonomous AI agent. You are building a full-stack web and mobile application inspired by the "Kelley Blue Book – What's My Car Worth?" con…
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
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
Tattoo Studio Booking Web App Development
App promptAct 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
Musician Portfolio Website Design
App promptAct as a Web Development Expert specializing in designing musician portfolio websites. Your task is to create a beautifully designed website that includes: - Booking capabilities - Event calendar - Hero section with Web…
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
E COMMERCE WEBSITE
App promptHere’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
Interactive Love Message HTML Page
App promptAct 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)
GuideGuidance 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
Swift Uikit — coding rules
GuideCursor rules for Swift Uikit.
awesome-cursorrules
Morphing Popover
AnimationA popover that transforms from its trigger into the content using layout animations. It visually morphs instead of appearing as a separate element.
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.