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.
Accessible & Ethical
StyleAccessible, inclusive interface, high contrast, large text (16px+), keyboard navigation, screen reader friendly, accessibility standards aware, focus state, semantic. Best for Government, healthcare, education, inclusiv…
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
Inclusive Design
StyleAccessible, color-blind friendly, high contrast, haptic feedback, voice interaction, screen reader, enhanced contrast targets, universal. Best for Public services, education, healthcare, finance, government, accessible…
UI/UX Pro Max
Kids/Education
Font pairingBaloo 2 + Comic Neue — kids, education, playful, friendly, colorful, learning
Baloo 2 / Comic Neue
UI/UX Pro Max
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
Immersive Photo
StylePhotography is the interface. Full-bleed images fill the viewport with text floating over readability scrims; a slow Ken Burns drift lets stills breathe, a blur-up placeholder loads first and the real frame fades in. Th…
Full style reference · 7k charsStyleKit
Kinetic Typography
StyleType is the interface. On an ink-black stage the variable font itself becomes the animation: letters arrive one by one, weights breathe, widths stretch with scroll velocity. Motion belongs to the words alone, and a sing…
Full style reference · 7k charsStyleKit
Airtable-inspired
Brand-inspiredA sober, editorial workflow-software interface anchored on white canvas and dark-ink type, where brand voltage comes from full-bleed signature cards in coral, dark green, peach, and dark navy that punctuate long-scroll…
Full style reference · 35k charsHaas Groot Disp
Awesome DESIGN.md
Apple-inspired
Brand-inspiredA photography-first interface that turns marketing into a museum gallery. Edge-to-edge product tiles alternate light and dark canvases, framed by SF Pro Display headlines with negative letter-spacing and a single Action…
Full style reference · 37k charsSF Pro Display
Awesome DESIGN.md
Binance-inspired
Brand-inspiredA confident financial-platform interface anchored on a deep near-black canvas, where Binance's iconic yellow (#FCD535) carries every primary CTA, brand accent, and value-claim moment. Type runs Binance's custom BinanceN…
Full style reference · 40k charsBinanceNova
Awesome DESIGN.md
Bmw-inspired
Brand-inspiredBMW's corporate site — distinct from BMW M's motorsport-bombastic variant, this is a measured and settled corporate-automotive interface. On a light (cream-tinted white) canvas, BMW corporate blue (#1c69d4) carries ever…
Full style reference · 28k charsBMW Type Next Latin
Awesome DESIGN.md
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
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
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
Clay-inspired
Brand-inspiredA vibrant claymation-meets-data interface for Clay.com (GTM data-orchestration platform). Anchors on white canvas with dark-navy primary CTAs, custom rounded display type, and saturated single-color feature cards — hot…
Full style reference · 26k charsPlain Black
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
Cohere-inspired
Brand-inspiredCohere'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 charsCohereText
Awesome DESIGN.md
Nintendo 2001-inspired
Brand-inspiredAn 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 charsArial
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
Spotify-inspired
Brand-inspiredSpotify's web interface is a dark, immersive music player that wraps listeners in a near-black cocoon (`#121212`, `#181818`, `#1f1f1f`) where album art and content become the primary source of color. The design philosop…
Full style reference · 13k charsAwesome DESIGN.md
Tesla-inspired
Brand-inspiredTesla's website is an exercise in radical subtraction — a digital showroom where the product is everything and the interface is almost nothing. The page opens with a full-viewport hero that fills the entire screen with…
Full style reference · 22k charsAwesome DESIGN.md
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
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
design-taste-frontend
GuideAnti-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
minimalist-ui
GuideClean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
taste-skill
industrial-brutalist-ui
GuideRaw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios,…
taste-skill
Frontend Developer Skill
App prompt# Frontend Developer You are an elite frontend development specialist with deep expertise in modern JavaScript frameworks, responsive design, and user interface implementation. Your mastery spans React, Vue, Angular, an…
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
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
Terminal
AnimationAn implementation of the MacOS terminal. Useful for showcasing a command line interface.
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.