Prompt & style library

P&S Detail Products is a Shopify-powered storefront for professional and DIY

Montserrat

Awesome DESIGN.md — e-commerce

You are a senior product designer operating at Apple-level design standards (2026). Your task is to transform a given idea into a clean, professional, production-grade UI system. Avoid generic, AI-generated aesthetics.…

prompts.chat

An inspired interpretation of Shopifi's design language — a cinematic commerce platform that runs two parallel design tracks. The marketing-hero and product-narrative pages live on near-black canvases with full-bleed ph…

NeueHaasGrotesk Display

Awesome DESIGN.md

Inter + Inter — flat, clean, system, bold, geometric, cross-platform, icon, poster, minimal, functional, responsive

Inter

UI/UX Pro Max

Robot vacuum silhouettes float in LiDAR-cold studio light above near-black fields (#161616, #313131) — the product is the hero, and Roborock's digital canvas is engineered to serve it. Primary interactive voltage runs t…

proxima-nova

Awesome DESIGN.md — e-commerce

Ultra-minimal flat design with no shadows or gradients, creating hierarchy through color and whitespace. Ideal for portfolios, creative agencies, and art websites.

StyleKit

Indigo brand + doc hierarchy [Accent adjusted from #F97316]

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

# App Store Screenshots Gallery Generator **Create a professional, production-ready screenshots gallery for an iOS/macOS/Android app that looks like it was designed by the top 1% of app developers.** ## Context You are…

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

Meta's design system spans hardware commerce (Quest VR, Ray-Ban Meta AI glasses) and brand surfaces with a confident product-merchandising voice. The system pairs a stark white canvas with full-bleed photographic produc…

Optimistic VF

Awesome DESIGN.md

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

An inspired interpretation of Vodafone's design language — a telecom super-brand whose web surface alternates between editorial photography hero bands with massive uppercase display headlines and clean white content ban…

Vodafone

Awesome DESIGN.md

An inspired interpretation of Warp's design language — an agentic terminal-and-development-environment brand whose surface is a warm near-charcoal canvas (a tint warmer than pure black), broken only by clean Inter typog…

Inter

Awesome DESIGN.md

The design system captures the visceral tension and awe of a solar eclipse. It targets an audience of celestial enthusiasts, music lovers, and seekers of rare experiences. The aesthetic is "Cosmic Premium," blending the…

Space Grotesk

design.md (Google Labs)

Earthen Shop's captured CSS reveals a layered stylesheet: a Bootstrap-derived

Assistant

Awesome DESIGN.md — e-commerce

Kraken's website is a clean, trustworthy crypto exchange that uses purple as its commanding brand color. The design operates on white backgrounds with Kraken Purple (`#7132f5`, `#5741d8`, `#5b1ecf`) creating a distincti…

Awesome DESIGN.md

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

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look ch…

taste-skill

Act 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

Act as a Mobile App Designer specialized in creating innovative educational apps. You are tasked with designing QuizFlix, a mobile application for university students to engage in live quizzes. Your task is to: 1. **Fea…

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 a Web Development Expert specializing in designing musician portfolio websites. Your task is to create a beautifully designed website that includes: - Booking capabilities - Event calendar - Hero section with Web…

prompts.chat

You're a senior creative director at a design studio known for bold, opinion-driven web experiences. I'm briefing you on a new project. **Client:** ${company_name} **Industry:** ${industry} **Existing site:** ${if_there…

prompts.chat

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Anthropic skills

Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.

wshobson agents

A warm, generous consumer marketplace anchored on a clean white canvas and Airbnb Rausch (#ff385c), the single brand voltage that carries every primary CTA, search-button orb, and rating dot. Type runs Airbnb Cereal VF…

Airbnb Cereal VF

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

An inspired interpretation of Superhumon's design language — a fast-email productivity brand split between an editorial dark hero (deep indigo navy with violet-sky atmospheric backdrop and a portrait subject) and a quie…

Super Sans VF

Awesome DESIGN.md

Top Shelf Aquatics is a saltwater-reef ecommerce storefront (corals, fish, inverts,

Barlow Semi Condensed

Awesome DESIGN.md — e-commerce

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

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

Cal Sans

Awesome DESIGN.md

An inspired interpretation of Dell.com's 1996 design language — a catalog-era enterprise web design built around a literal black page frame, vivid flat color-block "ribbon cards" tinted in sage, salmon, periwinkle, sky,…

Arial Black

Awesome DESIGN.md

An inspired interpretation of HP's design language — a white-paper enterprise-consumer system anchored by HP Electric Blue (`#024ad8`) as the lone signal CTA, near-black ink (`#1a1a1a`) for headlines, geometric Forma-DJ…

Forma DJR Micro

Awesome DESIGN.md

An enterprise-marketing canvas faithful to Carbon Design System: white surfaces, charcoal type, IBM Blue (#0f62fe) as the single confident accent, and a deliberately flat-square aesthetic where corners stay at 0–4px. Ty…

IBM Plex Sans

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

An inspired interpretation of Sentri's design language — a developer-tools brand built on a deep purple-violet midnight canvas, electric lime accents, and a slightly subversive illustrated personality. The system pairs…

Sentri Display

Awesome DESIGN.md

An inspired interpretation of Slacc's design language — a workplace messaging brand built on a deep aubergine primary, with cream-lavender hero gradients, blue inline links, and pill CTAs. The system pairs a proprietary…

Salesforce-Avant-Garde

Awesome DESIGN.md

An inspired interpretation of Spasex's design language — a mission-oriented aerospace brand built on pure black canvas, full-bleed photographic and video heroes of rockets and Mars landscapes, and uppercase D-DIN displa…

D-DIN-Bold

Awesome DESIGN.md

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

Awesome DESIGN.md

An inspired interpretation of Stripi's design language — a financial-infrastructure brand built on a deep navy ink, an electric indigo primary, and a recurring atmospheric gradient mesh that occupies the upper third of…

sohne-var

Awesome DESIGN.md

An inspired interpretation of Together AI's design language — an AI infrastructure platform whose surface alternates between near-black hero bands (with a three-color orange-magenta-periwinkle gradient as the single pie…

The Future

Awesome DESIGN.md

An inspired interpretation of Uber's design language — a transportation-and-delivery super-app brand whose web surface is a black-and-white duet, framed by a custom geometric display sans, accented by a single signature…

UberMove

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

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

An inspired interpretation of Webflow's design language — a visual web development platform whose surface contrasts a deep near-black `#080808` primary against a generous white canvas, broken by a five-stop chromatic ac…

WF Visual Sans Variable

Awesome DESIGN.md

An inspired interpretation of Wired's design language — a flagship technology-magazine brand whose surface is a strict editorial duet of stark black wordmark on white canvas, anchored by a tall narrow custom display ser…

WiredDisplay

Awesome DESIGN.md

An inspired interpretation of Wise's design language — a global money-transfer brand whose surface combines an unusually heavy near-black display sans (weight 900 at 64–126 px) with a vivid lime-green brand accent, sage…

Wise Sans

Awesome DESIGN.md

An inspired interpretation of xAI's design language — Elon Musk's frontier-AI company whose web surface is a strict near-black canvas broken only by white pill outlines, occasional warm sunset / dusk gradient accents, a…

universalSans

Awesome DESIGN.md

An inspired interpretation of Zapier's design language — a workflow-automation platform whose surface combines warm-cream neutrals (`#fffefb` canvas, `#f8f4f0` soft cream) with deep coffee ink (`#201515`) and a single s…

Degular Display

Awesome DESIGN.md

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

Ilia Beauty is clean makeup that doesn't whisper "natural" — it speaks in a warm, earthy palette of #271f1f, #5e5047, and #bba293, punctuated by a signature pop of #ffcf2a that feels like a sunlit moment. The brand live…

Brown

Awesome DESIGN.md — e-commerce

Muuto is a Scandinavian design brand rooted in the belief that great design should be accessible, human, and quietly joyful. The brand’s palette is anchored by a warm, almost off-white canvas (`#f9f8f2`) that feels like…

EuclidFlex

Awesome DESIGN.md — e-commerce

Summer Fridays is a skincare brand that feels like a cool, calm exhale — a clean white canvas (#f4f4f6) punctuated by soft, muted neutrals (#e5e5eb, #dbdde4) and the occasional pop of unexpected color. The brand's voice…

Expressa

Awesome DESIGN.md — e-commerce

Blue Bath is a Los Angeles–based e-commerce retailer of kitchen and bathroom

Geist

Awesome DESIGN.md — e-commerce

Banwood's markup shows a Shopify-based storefront for Scandinavian-styled kids' balance

Figtree

Awesome DESIGN.md — e-commerce

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

Inter

Awesome DESIGN.md — e-commerce

Cat Person's observed CSS shows a restrained, clinical-clean palette anchored by true black (#000000) and white (#ffffff), with a soft powder-blue family (#c7dbf0, #8fb7e1, #e3edf7) used specifically for call-to-action…

CooperLtBTWXX-Light

Awesome DESIGN.md — e-commerce

BlackVue's storefront (Shopify-based) uses a clinical, tech-forward palette:

Open Sans

Awesome DESIGN.md — e-commerce