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 92

Mid-Century Modern

Style

1950s Atomic Age design aesthetics with geometric patterns, organic curves, and saturated colors. Inspired by Eames chairs, atomic clocks, and starburst motifs.

StyleKit

Spacex-inspired

Brand-inspired

An inspired interpretation of Spasex's design language — a mission-oriented aerospace brand built on pure black canvas, full-bleed photographic and video heroes of rockets and Mars landscapes, and uppercase D-DIN displa…

Full style reference · 20k chars

D-DIN-Bold

Awesome DESIGN.md

Fluent Design

Style

Microsoft's design system integrating five key elements -- light, depth, motion, material, and scale -- to create natural and intuitive cross-platform experiences.

StyleKit

Material Design

Style

Google's design system based on the metaphor of paper and ink, emphasizing hierarchy, motion, bold colors, and responsive interactions -- the standard for modern mobile design.

StyleKit

Monochrome

Style

An ultimate monochrome design in pure black, white, and gray, building visual hierarchy through precise grayscale levels, font-weight contrast, and negative space without relying on any color. Ideal for photography, arc…

StyleKit

Exaggerated Minimalism

Style

Bold minimalism, oversized typography, high contrast, negative space, loud minimal, statement design. Best for Fashion, architecture, portfolios, agency landing pages, luxury brands, editorial.

UI/UX Pro Max

UI Designer Role

App prompt

Act as a UI Designer. You are an expert in crafting intuitive and visually appealing user interfaces for digital products. Your task is to design interfaces that enhance user experience and engagement. You will: - Colla…

prompts.chat

University Website Section Designer

App prompt

Act as a University Web Designer. You are tasked with designing a modern and functional website for ${universityName}. Your task is to: - Identify and outline key sections for the website such as Admissions, Academics,…

prompts.chat

Apple-Level UI System Designer (2026 Standard)

App prompt

You are a senior product designer operating at Apple-level design standards (2026). Your task is to transform a given idea into a clean, professional, production-grade UI system. Avoid generic, AI-generated aesthetics.…

prompts.chat

Designing a Glassmorphic About Me Page

App prompt

Act as a web designer. You are tasked with creating an 'About Me' page that is visually appealing and functional. Your page should use Glassmorphism design principles with a light warm theme, resembling a pen and paper…

prompts.chat

UI Designer agent

Guide

Use this agent when designing visual interfaces, creating design systems, building component libraries, or refining user-facing aesthetics requiring expert visual design, interaction patterns, and accessibility consider…

VoltAgent subagents

Design Bridge agent

Guide

Use this agent when you need to translate a DESIGN.md from the VoltAgent/awesome-design-md repository into polished Claude Code instructions for building user interfaces that faithfully match the chosen brand. Invoke th…

VoltAgent subagents

Design System Architect

Guide

Expert design system architect specializing in design tokens, component libraries, theming infrastructure, and scalable design operations. Masters token architecture, multi-brand systems, and design-development collabor…

wshobson agents

Anti-Design

Style

An experimental brutalist style that deliberately breaks traditional UI conventions, with ultra-thick borders, high-saturation colors, and irregular typography.

StyleKit

Dopamine Design

Style

StyleKit

Ink Wash

Style

A design style rooted in traditional Chinese ink wash painting, creating ethereal moods through variations in ink density and moisture, with generous whitespace expressing 'vivid spirit resonance'. Ideal for cultural br…

StyleKit

Design System/Component Library palette

Palette

Indigo brand + doc hierarchy [Accent adjusted from #F97316]

UI/UX Pro Max

Coworking Space palette

Palette

Energetic amber + booking blue

UI/UX Pro Max

Space Tech / Aerospace palette

Palette

Star white + launch blue

UI/UX Pro Max

Home Decoration & Interior Design palette

Palette

Interior warm grey + gold accent

UI/UX Pro Max

Totality Festival Design System

Style

The design system captures the visceral tension and awe of a solar eclipse. It targets an audience of celestial enthusiasts, music lovers, and seekers of rare experiences. The aesthetic is "Cosmic Premium," blending the…

Full style reference · 9k chars

Space Grotesk

design.md (Google Labs)

Fairmont Designs-inspired

Brand-inspired

Fairmont Designs Hospitality presents itself through a restrained, editorial palette built on near-black ink (#1c1c1c), a warm off-white "tan" surface (#f1f0e9), and a crisp white canvas, all directly observed in the th…

Full style reference · 11k chars

Wulkan Display

Awesome DESIGN.md — e-commerce

Wabi-Sabi

Style

A digital expression of Japanese Wabi-Sabi aesthetics, celebrating the beauty of imperfection, the elegance of natural aging, and the zen of extreme whitespace, conveyed through ink tones, tea hues, and paper textures.

StyleKit

Minimalist Portfolio

Font pairing

Archivo + Space Grotesk — minimal, portfolio, designer, creative, clean, artistic

Archivo / Space Grotesk

UI/UX Pro Max

Kinetic Brutalism (Space Grotesk)

Font pairing

Space Grotesk + Space Grotesk — kinetic, brutalist, aggressive, uppercase, oversized, display, motion, street, bold, high-energy, zine

Space Grotesk

UI/UX Pro Max

Neo Brutalism Mobile (Space Grotesk Bold)

Font pairing

Space Grotesk + Space Grotesk — neo brutalism, pop art, loud, bold, heavy, stickers, mechanical, high contrast, cream, gen-z

Space Grotesk

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

design-taste-frontend

Guide

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable,…

taste-skill

high-end-visual-design

Guide

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look ch…

taste-skill

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

QuizFlix Mobile App Design for University Students

App prompt

Act 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

Professional Website Design Consultant

App prompt

Act as a Website Design Consultant. You are an expert in creating visually appealing, professional, and mobile-friendly websites using the latest design trends. Your task is to guide users through the process of designi…

prompts.chat

Strategic App Design & Content Engineering Prompt

App prompt

"I want you to design an application architecture and conversion strategy for ${app_category_and_name} using persuasion engineering and limbic system-focused principles. Your primary goal is to influence the user's emot…

prompts.chat

Graduate Information and Communication System Design

App prompt

Act as a University IT Consultant. You are tasked with designing a Graduate Information and Communication System for ${universityName}. Your task is to: - Develop a user-friendly interface that aligns with the universit…

prompts.chat

Musician Portfolio Website Design

App prompt

Act 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

Personal Form Builder App Design

App prompt

Act as a product designer and software architect. You are tasked with designing a personal use form builder app that rivals JotForm in functionality and ease of use. Your task is to: - Design a user-friendly interface w…

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

RPA/Agentic AI Process Developer Portfolio Design for Claude

App prompt

Act as a web designer using Claude Design. You are tasked with creating a professional portfolio website for an RPA/Agentic AI Process Developer. Your goal is to design a site that effectively showcases the developer's…

prompts.chat

Dota 2 Hero Stats and Builds Website Design

App prompt

Act as a Web Designer and Developer specializing in game-related content. Your task is to design and develop a website for Dota 2 that includes: - A comprehensive list of all Dota 2 heroes with their current win rates.…

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

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

Visual Design Foundations

Guide

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

wshobson agents

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

Design System Patterns

Guide

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing…

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

Responsive Design

Guide

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-l…

wshobson agents

iOS Design (HIG)

Guide

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.

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

UI Designer (wshobson)

Guide

Expert UI designer specializing in component creation, layout systems, and visual design implementation. Masters modern design patterns, responsive layouts, and design-to-code workflows. Use PROACTIVELY when building UI…

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

Design system: Precision

Guide

Example system for dashboard/admin interfaces

Interface Design skill

Design system: Warmth

Guide

Example system for collaborative/consumer apps

Interface Design skill

Minimalist Flat

Style

Ultra-minimal flat design with no shadows or gradients, creating hierarchy through color and whitespace. Ideal for portfolios, creative agencies, and art websites.

Full style reference · 7k chars

StyleKit

Cohere-inspired

Brand-inspired

Cohere's 2026 web system is a controlled enterprise AI interface built from stark white editorial space, deep green-black product bands, soft mineral surfaces, rounded media cards, and a distinctive type split between m…

Full style reference · 20k chars

CohereText

Awesome DESIGN.md

Dell 1996-inspired

Brand-inspired

An inspired interpretation of Dell.com's 1996 design language — a catalog-era enterprise web design built around a literal black page frame, vivid flat color-block "ribbon cards" tinted in sage, salmon, periwinkle, sky,…

Full style reference · 34k chars

Arial Black

Awesome DESIGN.md

Hp-inspired

Brand-inspired

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

Forma DJR Micro

Awesome DESIGN.md

Ibm-inspired

Brand-inspired

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

IBM Plex Sans

Awesome DESIGN.md

Meta-inspired

Brand-inspired

Meta's design system spans hardware commerce (Quest VR, Ray-Ban Meta AI glasses) and brand surfaces with a confident product-merchandising voice. The system pairs a stark white canvas with full-bleed photographic produc…

Full style reference · 38k chars

Optimistic VF

Awesome DESIGN.md

Nintendo 2001-inspired

Brand-inspired

An analysis of Nintendo.com's 2001 design language — a brushed-periwinkle "console chrome" interface where every panel is a beveled metal plate, navigation glows amber over a halftone-dotted carbon bar, and bold outline…

Full style reference · 39k chars

Arial

Awesome DESIGN.md

Runwayml-inspired

Brand-inspired

Runway'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 chars

Awesome DESIGN.md

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.