Prompt & style library

A design style inspired by watercolor painting, featuring soft color gradients, blurred edge effects, paper texture backgrounds, and flowing color diffusion, conveying artistry and poetry.

StyleKit

Occult aesthetic style with tarot cards, moon phase symbols, crystals, and herbal elements. Deep purple tones paired with golden mystical runes and shimmering stardust effects on dark backgrounds.

StyleKit

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

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…

Inter

Awesome DESIGN.md

Futuristic, technical, wireframe, neon, data, transparency, iron man, sci-fi, interface. Best for Sci-fi games, space tech, cybersecurity, movie props, immersive dashboards.

UI/UX Pro Max

Space Mono + Space Mono — brutalist, raw, technical, monospace, minimal, stark

Space Mono

UI/UX Pro Max

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

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

A React Native developer-platform whose marketing site reads like a quietly-confident infrastructure brand. The base canvas is pure white with a soft sky-blue gradient atmospheric wash behind the hero; near-black ink (`…

Inter

Awesome DESIGN.md

A 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…

Linear Display

Awesome DESIGN.md

Mintlify presents documentation infrastructure with a dual-mode aesthetic — atmospheric sky-gradient marketing heroes (cloud illustration backdrops, soft cream-to-blue washes) paired with dense developer-grade documenta…

Inter

Awesome DESIGN.md

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…

Awesome DESIGN.md

Sanity'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…

Awesome DESIGN.md

An inspired interpretation of Vercel's design language — a developer-platform brand whose surface is a stark black-and-ink duet on near-white canvas, broken at hero scale by a multi-color mesh gradient (cyan / blue / ma…

Geist

Awesome DESIGN.md

Playdate's site evidence points to a bright, toy-like palette layered over a neutral, near-monochrome UI shell. The dominant accent is a warm brand yellow (#ffc833, close to the device's own #fbc651 shell color), paired…

Roobert

Awesome DESIGN.md — e-commerce

Fi's storefront CSS reflects a neutral, high-contrast UI system built on a

MessinaSans

Awesome DESIGN.md — e-commerce

Portola Paints & Finishes sells specialty decorative coatings (Roman Clay, Lime Wash, Traditional Finish) through a Shopify storefront whose extracted CSS exposes a neutral, utilitarian UI palette layered over a small s…

Cardo

Awesome DESIGN.md — e-commerce

A data-driven dashboard layout featuring side navigation, top toolbar, multi-module data panels, and chart areas -- ideal for admin systems, data analytics platforms, and monitoring dashboards.

StyleKit

A soft utility style for frequently used mobile tools, balancing efficiency and warmth with calm surfaces, clear state colors, and friendly hierarchy.

StyleKit

Clean, simple, spacious, functional, white space, high contrast, geometric, sans-serif, grid-based, essential. Best for Enterprise apps, dashboards, documentation sites, SaaS platforms, professional tools.

UI/UX Pro Max

Soft 3D, chunky, playful, toy-like, bubbly, thick borders (3-4px), double shadows, rounded (16-24px). Best for Educational apps, children's apps, SaaS platforms, creative tools, fun-focused, onboarding, casual games.

UI/UX Pro Max

Small animations, gesture-based, tactile feedback, subtle animations, contextual interactions, responsive. Best for Mobile apps, touchscreen UIs, productivity tools, user-friendly, consumer apps, interactive components.

UI/UX Pro Max

Retro, 8-bit, 16-bit, gaming, blocky, nostalgic, pixelated, arcade. Best for Indie games, retro tools, creative portfolios, nostalgia marketing, Web3/NFT.

UI/UX Pro Max

fluent 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, 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

Canvas purple + tool teal on dark

UI/UX Pro Max

shadcn/ui theme — light and dark tokens, Inter.

Inter

tweakcn

shadcn/ui theme — light and dark tokens, Plus Jakarta Sans.

Plus Jakarta Sans

tweakcn

shadcn/ui theme — light and dark tokens.

tweakcn

shadcn/ui theme — light and dark tokens, Open Sans.

Open Sans

tweakcn

shadcn/ui theme — light and dark tokens, DM Sans.

DM Sans

tweakcn

shadcn/ui theme — light and dark tokens, Poppins.

Poppins

tweakcn

shadcn/ui theme — light and dark tokens, Geist.

Geist

tweakcn

shadcn/ui theme — light and dark tokens, Architects Daughter.

Architects Daughter

tweakcn

shadcn/ui theme — light and dark tokens, "Oxanium".

"Oxanium"

tweakcn

shadcn/ui theme — light and dark tokens, Montserrat.

Montserrat

tweakcn

shadcn/ui theme — light and dark tokens, Montserrat.

Montserrat

tweakcn

shadcn/ui theme — light and dark tokens, Courier New.

Courier New

tweakcn

shadcn/ui theme — light and dark tokens, Merriweather.

Merriweather

tweakcn

shadcn/ui theme — light and dark tokens, Inter.

Inter

tweakcn

shadcn/ui theme — light and dark tokens, Inter.

Inter

tweakcn

shadcn/ui theme — light and dark tokens, Poppins.

Poppins

tweakcn

shadcn/ui theme — light and dark tokens, Montserrat.

Montserrat

tweakcn

shadcn/ui theme — light and dark tokens, Roboto.

Roboto

tweakcn

shadcn/ui theme — light and dark tokens, Poppins.

Poppins

tweakcn

shadcn/ui theme — light and dark tokens, Inter.

Inter

tweakcn

shadcn/ui theme — light and dark tokens, Outfit.

Outfit

tweakcn

shadcn/ui theme — light and dark tokens, DM Sans.

DM Sans

tweakcn

shadcn/ui theme — light and dark tokens, Oxanium.

Oxanium

tweakcn

shadcn/ui theme — light and dark tokens, Plus Jakarta Sans.

Plus Jakarta Sans

tweakcn

shadcn/ui theme — light and dark tokens, Outfit.

Outfit

tweakcn

shadcn/ui theme — light and dark tokens, Open Sans.

Open Sans

tweakcn

shadcn/ui theme — light and dark tokens, Inter.

Inter

tweakcn

shadcn/ui theme — light and dark tokens.

tweakcn

shadcn/ui theme — light and dark tokens, DM Sans.

DM Sans

tweakcn

shadcn/ui theme — light and dark tokens, Outfit.

Outfit

tweakcn

shadcn/ui theme — light and dark tokens, Montserrat.

Montserrat

tweakcn

shadcn/ui theme — light and dark tokens, Poppins.

Poppins

tweakcn

shadcn/ui theme — light and dark tokens, Plus Jakarta Sans.

Plus Jakarta Sans

tweakcn

shadcn/ui theme — light and dark tokens, Libre Baskerville.

Libre Baskerville

tweakcn