Prompt & style library

StyleKit

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

StyleKit

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

StyleKit

Inspired by Impressionist masters like Monet and Renoir, featuring bold brushstroke textures, dappled light effects, pointillist colors, and warm canvas textures for a rich, oil-painting visual experience.

StyleKit

A gentle style blending Japanese kawaii culture with minimalist design. Soft pastel palettes, rounded shapes, airy whitespace, and delicate micro-interactions, ideal for lifestyle apps, children's products, and creative…

StyleKit

Korean minimalist design aesthetic influenced by K-beauty and Korean architecture. Soft pastel tones, generous whitespace, refined rounded corners, and restrained ornamentation.

StyleKit

StyleKit

A fantasy visual style featuring concentric nested ring systems, hexagram geometric cores, runic inscriptions along circular paths, Flower of Life sacred geometry, golden radiant glow, and interwoven alchemical symbols.

StyleKit

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

An 80s Italian design movement featuring bold geometric shapes, vivid contrasting colors, irregular forms, and playful patterns that break traditional design rules.

StyleKit

Vibrant modern gradient style with colorful gradient backgrounds, glass-textured cards, and dynamic lighting effects. Ideal for startups, digital products, and event pages.

StyleKit

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

Vivid gradient cards on dark backgrounds with thick colored borders and neon glow effects. Ideal for tech products, SaaS landing pages, and youth-oriented brands.

StyleKit

A minimalist and clean document tool style emphasizing content readability and functionality, using subtle borders, gentle hover effects, and clear typographic hierarchy.

StyleKit

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

A clean, modern aesthetic built for independent storefronts. Product-first layouts with clear pricing hierarchy and smooth conversion paths.

StyleKit

The distinctive romantic aesthetics of shoujo manga, featuring screentone texture backgrounds, flower frame decorations, ribbon banner titles, multi-point sparkle effects, lace borders, and heart elements, presented in…

StyleKit

Application layout with a fixed sidebar navigation and scrollable main content area. Ideal for admin dashboards, documentation sites, dashboards, and SaaS applications.

StyleKit

A design style simulating pencil hand-drawing, with irregular line borders, paper texture backgrounds, handwritten font feel, sketch shadows, and doodle decorations, conveying a warm and approachable handcrafted texture.

StyleKit

A digital design style that simulates real-world objects through textures, lighting, and materials to mimic physical items, bringing familiarity and intuitive experiences.

StyleKit

Symmetric or asymmetric split-screen layout creating visual tension through contrast and balance. Commonly used for product showcases, brand stories, and comparison pages.

StyleKit

Victorian-era industrial machinery aesthetics with brass and copper metallic elements, gear mechanism decorations, and steam pipe rivet details. Ideal for retro sci-fi, industrial style, and creative showcase projects.

StyleKit

A refined and professional fintech style featuring Stripe purple as the primary color, complemented by gradient grid backgrounds, elegant card shadows, and smooth animations, ideal for payment products and developer too…

StyleKit

Inspired by surrealist masters like Dali -- dreamlike scene compositions, illogical spatial relationships, melting and morphing forms, and unexpected color combinations create a mysterious and captivating visual experie…

StyleKit

Vertical timeline layout connecting time nodes through a connecting line. Ideal for displaying historical progress, project milestones, work experience, and process steps.

StyleKit

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

Create a responsive todo app with HTML5, CSS3 and vanilla JavaScript. The app should have a modern, clean UI using CSS Grid/Flexbox with intuitive controls. Implement full CRUD functionality (add/edit/delete/complete ta…

prompts.chat

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

A premium SaaS aesthetic built on a real-time WebGL fragment-shader mesh gradient. A slowly breathing iridescent field flows across a near-black canvas while frosted-glass panels float above it, paired with a clean mode…

StyleKit

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…

CohereText

Awesome DESIGN.md

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…

Arial

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

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

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…

Cabin

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 Japanese cyber aesthetic where seigaiha wave patterns merge with circuit traces, torii gate navigation frames, asanoha hemp leaf grids, kintsugi gold repair lines, and shoji screen grid panels -- traditional patterns…

StyleKit

dynamic material, optical glass, translucency, lensing, refraction, fluid morphing, system navigation. Best for Apple-platform navigation, controls, and system-aligned app chrome.

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