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 13

No-code / Low-code Builder palette

Palette

Builder purple + component pink + canvas neutral

UI/UX Pro Max

Code Snippet Manager

App prompt

Build a developer-focused code snippet manager using HTML5, CSS3, and JavaScript. Create a clean IDE-like interface with syntax highlighting for 30+ programming languages. Implement a tagging and categorization system f…

prompts.chat

Mobile App Builder

App prompt

--- name: mobile-app-builder description: "Use this agent when developing native iOS or Android applications, implementing React Native features, or optimizing mobile performance. This agent specializes in creating smoo…

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

Redesign Front-End with Codex

App prompt

Act as a Front-End Designer using Codex. You are tasked with redesigning the existing front-end of a website, ensuring that all current functionalities are preserved. Your goal is to enhance the visual appeal and create…

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

Code Comparison

Animation

A component which compares two code snippets.

Magic UI

Link-in-Bio Page Builder palette

Palette

Brand blue + creator purple

UI/UX Pro Max

Resume / CV Builder palette

Palette

Professional navy + section accent + success green

UI/UX Pro Max

Survey / Form Builder palette

Palette

Question teal + progress green + submit blue

UI/UX Pro Max

Project Builder

App prompt

Think like a vector analyst "Avoid summarizing; synthesize instead. Extract structure, map mechanisms, project implications, and highlight tensions. Make your reasoning explicit. Now: [I need a full list filled in 1 aft…

prompts.chat

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

Neo-Brutalist

Style

Bold black thick borders, hard-edge shadows, no rounded corners, high-contrast color schemes. Inspired by architectural Brutalism, emphasizing function and raw aesthetics.

Full style reference · 9k chars

StyleKit

Minisforum-inspired

Brand-inspired

Minisforum's storefront evidence shows a cool, technical e-commerce palette built on near-black text (#000000, #1a1a1a, #1d1d1f) over white and off-white canvases (#ffffff, #fafafa, #f5f5f5), with a saturated blue (#133…

Full style reference · 11k chars

Inter

Awesome DESIGN.md — e-commerce

Dark Mode

Style

Elegant dark interface design with low-contrast layering, subtle borders and highlights. Ideal for developer tools, professional applications, and night reading mode.

StyleKit

GitHub Style

Style

GitHub design language style with clean interface hierarchy, a refined grayscale system, blue interactive color, monospace code fonts, and developer-friendly information architecture.

StyleKit

Dark Mode (OLED)

Style

Dark theme, low light, high contrast, deep black, midnight blue, eye-friendly, OLED, night mode, power efficient. Best for Night-mode apps, coding platforms, entertainment, eye-strain prevention, OLED devices, low-light.

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

Neubrutalism

Style

Bold borders, black outlines, primary colors, thick shadows, no gradients, flat colors, 45° shadows, playful, Gen Z. Best for Gen Z brands, startups, creative agencies, Figma-style apps, Notion-style interfaces, tech bl…

UI/UX Pro Max

Developer Mono

Font pairing

JetBrains Mono + IBM Plex Sans — code, developer, technical, precise, functional, hacker

JetBrains Mono / IBM Plex 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

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

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

Bmw M-inspired

Brand-inspired

A motorsport-engineering interface anchored on a near-black canvas with white BMW Type Next Latin display headlines in confident UPPERCASE. The brand carries no decorative voltage — its energy comes from full-bleed auto…

Full style reference · 31k chars

BMWTypeNextLatin

Awesome DESIGN.md

Claude-inspired

Brand-inspired

A warm-canvas editorial interface for Anthropic's Claude product. The system anchors on a tinted cream canvas with serif display headlines, warm coral CTAs, and dark navy product surfaces (code editor mockups, model sho…

Full style reference · 34k chars

Copernicus

Awesome DESIGN.md

Cursor-inspired

Brand-inspired

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

CursorGothic

Awesome DESIGN.md

Framer-inspired

Brand-inspired

A confident dark-canvas builder marketing site that treats the page like a working artboard — pure black surfaces, white display type set in GT Walsheim Medium with aggressive negative tracking, and a single confident b…

Full style reference · 29k chars

GT Walsheim Framer Medium

Awesome DESIGN.md

Voltagent-inspired

Brand-inspired

An inspired interpretation of Voltagent's design language — a developer-focused AI agent engineering platform whose surface is an unrelenting near-black canvas broken only by a single electric-green brand accent, code-e…

Full style reference · 26k chars

Inter

Awesome DESIGN.md

Blueland-inspired

Brand-inspired

Every product page at Blueland opens with a color-coded argument — lemon yellow (#fffcbb) for citrus, pale mint (#c8faa1) for eucalyptus, soft lavender (#fce5ff) for fresh linen — a candy-counter display that reframes c…

Full style reference · 20k chars

GT-Pressura

Awesome DESIGN.md — e-commerce

Quince-inspired

Brand-inspired

Quince is a direct-to-consumer essentials brand that delivers luxury-quality goods at radically low prices by cutting out middlemen. The brand's visual language is anchored on a clean, off-white canvas (`#f7f7f5`) that…

Full style reference · 15k chars

Grosa

Awesome DESIGN.md — e-commerce

Kanile'a Ukulele-inspired

Brand-inspired

This interpretation is built from Kanile'a Ukulele's Shopify theme CSS: a warm, low-contrast neutral palette (near-black #232323 and #413f3f/#423f3f charcoal text on white canvas), pill-shaped swiper controls, and squar…

Full style reference · 11k chars

Cabin

Awesome DESIGN.md — e-commerce

Methodical Coffee-inspired

Brand-inspired

This interpretation is built from Shopify theme CSS variables, a supplied color palette, and font-family declarations for Methodical Coffee, a Greenville, SC coffee roaster and cafe brand. No hex value below is invented…

Full style reference · 10k chars

Canela-Light

Awesome DESIGN.md — e-commerce

Three Wishes-inspired

Brand-inspired

Three Wishes presents its low-sugar cereal and granola line with a warm,

Full style reference · 10k chars

bogart

Awesome DESIGN.md — e-commerce

Neo-Brutalist Soft

Style

A gentler version of Neo-Brutalist. Retains hard-edge shadows and no-rounded-corner characteristics, but uses softer colors, thinner borders, and milder contrast.

StyleKit

Pixel Art

Style

A retro 8-bit pixel game style with no border radii, pixelated borders, hard-edge shadows, and vivid 8-bit color palettes, ideal for games, retro apps, and indie developer projects.

StyleKit

Soft UI

Style

Gentle and friendly interface style with soft shadows, rounded corners, and low-saturation colors. Ideal for consumer apps, social products, and lifestyle service apps.

StyleKit

Developer Tool / IDE palette

Palette

Code dark + run green

UI/UX Pro Max

Coding Challenge & Practice palette

Palette

Code green + difficulty amber on dark

UI/UX Pro Max

API Developer Portal palette

Palette

Code dark + endpoint green + syntax colors

UI/UX Pro Max

Open Source Project Landing palette

Palette

Dark code + star gold + fork silver + sponsor purple

UI/UX Pro Max

Tech/HUD Mono

Font pairing

Share Tech Mono + Fira Code — tech, futuristic, hud, sci-fi, data, monospaced, precise

Share Tech Mono / Fira Code

UI/UX Pro Max

minimalist-ui

Guide

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

taste-skill

Senior Frontend Developer

App prompt

I want you to act as a Senior Frontend developer. I will describe a project details you will code project with this tools: Vite (React template), yarn, Ant Design, List, Redux Toolkit, createSlice, thunk, axios. You sho…

prompts.chat

Digital Visiting Card Product Architect

App prompt

Act 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

Page-by-Page Build

App prompt

Based on the approved concept, build the [Homepage/About/etc.] page. Constraints: - Single-file React component with Tailwind - Mobile-first, responsive - Performance budget: no library over 50kb unless justified - [Spe…

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

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

Glare Hover

Animation

A diagonal light glare on hover using a ::before gradient, CSS variables, and background-position animation—no extra global keyframes required.

Magic UI

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.