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.
No-code / Low-code Builder palette
PaletteBuilder purple + component pink + canvas neutral
UI/UX Pro Max
Code Snippet Manager
App promptBuild 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 promptAct 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 promptAct 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 promptGame 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
AnimationA component which compares two code snippets.
Magic UI
Link-in-Bio Page Builder palette
PaletteBrand blue + creator purple
UI/UX Pro Max
Resume / CV Builder palette
PaletteProfessional navy + section accent + success green
UI/UX Pro Max
Survey / Form Builder palette
PaletteQuestion teal + progress green + submit blue
UI/UX Pro Max
Project Builder
App promptThink 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
StyleUltra-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 charsStyleKit
Neo-Brutalist
StyleBold 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 charsStyleKit
Minisforum-inspired
Brand-inspiredMinisforum'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 charsInter
Awesome DESIGN.md — e-commerce
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
GitHub Style
StyleGitHub 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)
StyleDark 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
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
Neubrutalism
StyleBold 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 pairingJetBrains Mono + IBM Plex Sans — code, developer, technical, precise, functional, hacker
JetBrains Mono / IBM Plex 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
Design Bridge agent
GuideUse 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
GuideStrip 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-inspiredA 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 charsBMWTypeNextLatin
Awesome DESIGN.md
Claude-inspired
Brand-inspiredA 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 charsCopernicus
Awesome DESIGN.md
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
Framer-inspired
Brand-inspiredA 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 charsGT Walsheim Framer Medium
Awesome DESIGN.md
Voltagent-inspired
Brand-inspiredAn 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 charsInter
Awesome DESIGN.md
Blueland-inspired
Brand-inspiredEvery 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 charsGT-Pressura
Awesome DESIGN.md — e-commerce
Quince-inspired
Brand-inspiredQuince 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 charsGrosa
Awesome DESIGN.md — e-commerce
Kanile'a Ukulele-inspired
Brand-inspiredThis 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 charsCabin
Awesome DESIGN.md — e-commerce
Methodical Coffee-inspired
Brand-inspiredThis 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 charsCanela-Light
Awesome DESIGN.md — e-commerce
Three Wishes-inspired
Brand-inspiredThree Wishes presents its low-sugar cereal and granola line with a warm,
Full style reference · 10k charsbogart
Awesome DESIGN.md — e-commerce
Neo-Brutalist Soft
StyleA 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
StyleA 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
StyleGentle 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
PaletteCode dark + run green
UI/UX Pro Max
Coding Challenge & Practice palette
PaletteCode green + difficulty amber on dark
UI/UX Pro Max
API Developer Portal palette
PaletteCode dark + endpoint green + syntax colors
UI/UX Pro Max
Open Source Project Landing palette
PaletteDark code + star gold + fork silver + sponsor purple
UI/UX Pro Max
Tech/HUD Mono
Font pairingShare Tech Mono + Fira Code — tech, futuristic, hud, sci-fi, data, monospaced, precise
Share Tech Mono / Fira Code
UI/UX Pro Max
minimalist-ui
GuideClean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
taste-skill
Senior Frontend Developer
App promptI 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 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
Page-by-Page Build
App promptBased 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 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
UI Designer (wshobson)
GuideExpert 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
AnimationA 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.