Prompt & style library

Starbucks' design system is a **warm, confident retail flagship** wearing the green of their storefront apron across every surface. The canvas alternates between a neutral-warm cream (`#f2f0eb`) and a ceramic off-white…

Awesome DESIGN.md

An inspired interpretation of Supabaze's design language — an open-source database platform built on a clean white-and-near-black system with a single signature emerald-green CTA, a custom humanist sans display tier, an…

Circular

Awesome DESIGN.md

This design system centers on a high-fidelity Glassmorphism aesthetic designed to evoke a sense of clarity, depth, and modern sophistication. The brand personality is ethereal yet functional, transforming complex meteor…

Inter

design.md (Google Labs)

The design system is built to evoke the joyful energy of a walk in the park balanced with the reliability of a premium professional service. The brand personality is optimistic, trustworthy, and active.

Plus Jakarta Sans

design.md (Google Labs)

A warm, design-led ceramic-cookware brand built on the proposition that pots and pans belong on the counter rather than hidden in a cupboard. Caraway anchors its entire visual system to a soft cream canvas (`#f5efe4`) r…

GT America

Awesome DESIGN.md — e-commerce

Our Place is a kitchen brand built around a single thesis — that what we share at the table is the most intimate conversation we have with each other — and the visual system bends every token toward that thesis. The pag…

CheltBTBolCon

Awesome DESIGN.md — e-commerce

Hexclad is a cookware brand built on the tension between two worlds — stainless steel performance and non-stick convenience — and its design system mirrors that hybrid philosophy. The palette is anchored in industrial d…

Canela

Awesome DESIGN.md — e-commerce

Fenty Beauty by Rihanna is a radical, inclusive force in makeup — a brand that rewrote the industry’s color palette by launching with 40 foundation shades and never looking back. The visual system mirrors that ethos: a…

Loud

Awesome DESIGN.md — e-commerce

Buffy is a bedding brand that treats sleep as a foundational act of care, and its design system mirrors that ethos with a palette drawn from nature, comfort, and quiet confidence. The brand’s primary color, a deep fores…

Recolta Bold

Awesome DESIGN.md — e-commerce

A study in quiet confidence, Merit’s design system is the digital embodiment of “skin-first, makeup-second” — a warm, tactile minimalism that feels like a deep breath in a cluttered world. The palette is anchored by a c…

Instrument Serif

Awesome DESIGN.md — e-commerce

A brand that lives in the gap between #dedede and #121212 — a pale, almost-warm gray and a near-black that together create a system of extreme restraint. Glossier’s canvas is not white but a soft, foggy gray that reads…

GT America

Awesome DESIGN.md — e-commerce

LIQUI MOLY's public storefront exposes a Bootstrap-based design system layered with

DIN Pro

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

Pakt's evidence base shows a restrained black/white/gray system built around a single

Calibre-Bold

Awesome DESIGN.md — e-commerce

The evidence shows a neutral-first system: near-black text (#1e1e1e, #333333) on white/off-white

Museo Sans Display

Awesome DESIGN.md — e-commerce

Bob's Watches' available CSS surfaces a utilitarian Bootstrap-based system

Frank Ruhl Libre

Awesome DESIGN.md — e-commerce

Distil Union positions itself as a considered, systems-minded leather-goods maker

galanogrotesquebold

Awesome DESIGN.md — e-commerce

The evidence shows a warm, muted neutral system anchored by ash (#414042) and near-black

new-spirit

Awesome DESIGN.md — e-commerce

Southern Candle Studio's storefront CSS points to a deep navy-on-white system anchored by

Work Sans

Awesome DESIGN.md — e-commerce

Lowepro's stylesheet exposes a Bootstrap-derived variable system layered with a

Gilroy

Awesome DESIGN.md — e-commerce

Status Audio's storefront CSS exposes a navy-and-neutral system anchored by the custom

Usual

Awesome DESIGN.md — e-commerce

Kalon Studios' front-end CSS shows a restrained, editorial system built on WordPress/WooCommerce defaults rather than a fully bespoke design language. Body copy renders in AdelleSans (14px, line-height ~1.43, color #404…

AdelleSans

Awesome DESIGN.md — e-commerce

This interpretation is grounded in two coexisting token systems found in Rhino-Rack's stylesheet: a Bootstrap-derived utility palette (blues, grays, semantic reds/greens) and a custom brand palette exposed as CSS variab…

din-2014

Awesome DESIGN.md — e-commerce

Artipoppe's public CSS evidence shows a restrained neutral system layered under a generic Bootstrap utility framework. Brand-specific rules are sparse but consistent: a dark charcoal (#32373c) fills solid buttons and fi…

Avenir Heavy

Awesome DESIGN.md — e-commerce

Travelon's storefront evidence points to a utilitarian, security-focused retail system built on a Bootstrap-derived token set. The root `:root` variables expose a muted primary (#696969), a yellow-green secondary/succes…

Dosis

Awesome DESIGN.md — e-commerce

Collings' public markup exposes a restrained, high-contrast system: a near-black

Oswald

Awesome DESIGN.md — e-commerce

The observed evidence shows a high-contrast, editorial system built on a pure white canvas (#ffffff), a near-black header (#000000), and a warm off-white section tone (#f6f5f1) that echoes tonewood and studio-photograph…

Awesome DESIGN.md — e-commerce

Blunt Umbrellas' storefront draws from a restrained neutral system anchored by a dark charcoal

Blunt

Awesome DESIGN.md — e-commerce

Modoker's storefront CSS exposes a fundamentally grayscale interface system:

Baskerville

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

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

StyleKit

Native macOS dark vibrancy style. Multi-layer dark gray panels, system-level backdrop-blur, and extreme restraint create the calm, professional feel of a desktop application.

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

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

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

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

adobe spectrum, creative tools, enterprise, content creation, tokenized, cross-platform. Best for Creative tools, media workflows, document products, and Adobe-adjacent enterprise software.

UI/UX Pro Max

Glass white + system blue [Accent adjusted from #007AFF]

UI/UX Pro Max

Anti-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

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

taste-skill

Raw 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

Develop a first-person shooter game using Three.js and JavaScript. Create detailed weapon models with realistic animations and effects. Implement precise hit detection and damage systems. Design multiple game levels wit…

prompts.chat

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

Develop a memory matching card game using HTML5, CSS3, and JavaScript. Create visually appealing card designs with flip animations. Implement difficulty levels with varying grid sizes and card counts. Add timer and move…

prompts.chat

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

"I want you to design an application architecture and conversion strategy for ${app_category_and_name} using persuasion engineering and limbic system-focused principles. Your primary goal is to influence the user's emot…

prompts.chat

Act as an Embedded Systems Developer. You are an expert in microcontroller programming with specific experience in developing graphical interfaces. Your task is to build a UI library for the ESP32 microcontroller. You w…

prompts.chat

Act as an Embedded Systems Developer. You are an expert in developing libraries for microcontrollers with a focus on the ESP32 platform. Your task is to develop a UI library for the ESP32 with the following specificatio…

prompts.chat

Act as an Embedded Systems Developer. You are an expert in developing libraries for microcontrollers with a focus on the ESP32 platform. Your task is to develop a UI library for the ESP32 with the following specificatio…

prompts.chat

Act as a Senior Full-Stack Engineer. You are responsible for designing and developing a comprehensive application for managing the inventory system of an airline simulation center. Your task includes: - Designing the ar…

prompts.chat

You are a senior full-stack engineer and UX/UI architect with 10+ years of experience building production-grade web applications. You specialize in responsive design systems, modern UI/UX patterns, and cross-device perf…

prompts.chat

You are a senior full-stack engineer and UX/UI architect with 10+ years of experience building production-grade web applications. You specialize in responsive design systems, modern UI/UX patterns, and cross-device perf…

prompts.chat

You are a senior UX strategist and behavioral systems analyst. Your objective is to reverse-engineer why a given product, landing page, or UI converts (or fails to convert). Analyze with precision — avoid generic advice…

prompts.chat

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

wshobson agents

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-l…

wshobson agents

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

An animated grid of subtly shifting glyphs on a canvas, with a theme-aware color driven by the consumer.

Magic UI