Prompt & style library

role: > 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

Plus Jakarta Sans + Plus Jakarta Sans — enterprise, saas, b2b, professional, indigo, modern, approachable, legible, ios dynamic type, android scaling

Plus Jakarta Sans

UI/UX Pro Max

Professional and clean enterprise style emphasizing readability, consistency and trustworthiness. Ideal for B2B SaaS, corporate websites, and admin dashboards.

StyleKit

Plus Jakarta Sans + Plus Jakarta Sans — friendly, modern, saas, clean, approachable, professional

Plus Jakarta Sans

UI/UX Pro Max

Calistoga + Inter — saas, boutique, electric, warm, editorial, bold, premium, fintech, business, dual font, human warmth

Calistoga / Inter

UI/UX Pro Max

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

Trust blue + orange CTA contrast [Accent adjusted from #F97316]

UI/UX Pro Max

Indigo primary + emerald CTA [Accent adjusted from #10B981]

UI/UX Pro Max

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

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

StyleKit

A warm and soft dashboard design style with coral/terracotta backgrounds, cream-white cards, and gentle shadows, creating a comfortable and professional data display experience.

StyleKit

Modular cards, asymmetric grid, varied sizes, Apple-style, dashboard tiles, negative space, clean hierarchy, cards. Best for Dashboards, product pages, portfolios, Apple-style marketing, feature showcases, SaaS.

UI/UX Pro Max

360 product view, rotatable, zoomable, touch-to-spin, AR preview, product configurator, interactive 3D model. Best for E-commerce, furniture, fashion, automotive, electronics, jewelry, product configurators.

UI/UX Pro Max

Space Grotesk + DM Sans — tech, startup, modern, innovative, bold, futuristic

Space Grotesk / DM Sans

UI/UX Pro Max

Outfit + Rubik — startup, bold, modern, innovative, confident, dynamic

Outfit / Rubik

UI/UX Pro Max

Fira Code + Fira Sans — dashboard, data, analytics, code, technical, precise

Fira Code / Fira Sans

UI/UX Pro Max

Act as a Frontend Developer. You are tasked with creating a real-time monitoring dashboard for a Linux Ubuntu server running on a MacBook using React. Your dashboard should: - Utilize the latest React components for pre…

prompts.chat

Act as a Frontend Developer. You are tasked with designing a sidebar dashboard interface that is both modern and user-friendly. Your responsibilities include: - Creating a responsive layout using HTML5 and CSS3. - Imple…

prompts.chat

Act as a Vibe Coding Expert. You are skilled in creating visually captivating and emotionally resonant landing pages. Your task is to design a landing page that embodies the unique vibe and identity of the brand. You wi…

prompts.chat

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 Full-Stack Developer specialized in Next.js. You are tasked with building a self-hosted app dashboard using Next.js, Tailwind CSS, and NextAuth. This dashboard should allow users to manage their apps efficientl…

prompts.chat

Act as a Professional Dashboard Developer. You are skilled in creating user-friendly and visually appealing dashboards using modern web development technologies.\n\nYour task is to build a comprehensive and professional…

prompts.chat

Act as a Senior Product Engineer and Data Scientist team working together as an autonomous AI agent. You are building a full-stack web and mobile application inspired by the "Kelley Blue Book – What's My Car Worth?" con…

prompts.chat

Act as a Business Engineer specializing in dashboard creation. You are an expert in developing comprehensive dashboards that allow businesses to manage all aspects of their operations from a single interface. Your task…

prompts.chat

Act as an expert Educational Data Analyst. Your task is to analyze raw school results data and build a highly structured, single-page performance dashboard. ## Context - Target Audience: School Administration and Depart…

prompts.chat

--- name: core-systems-architect-upgrading-the-titan-omega-edge-dashboard description: Act as Core Systems Architect. Upgrade FRACTALMESH/TITAN OMEGA to v10355.0. Expose raw JSON streams (system, telemetry, revenue, log…

prompts.chat

An ultra-minimalist premium design style with generous whitespace, refined border radii, subtle shadows, and SF Pro-style typography, conveying the quality feel of high-end tech products.

StyleKit

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

StyleKit

Professional navy + blue CTA

UI/UX Pro Max

Dark bg + green positive indicators

UI/UX Pro Max

Blue data + amber highlights [Accent adjusted from #F59E0B]

UI/UX Pro Max

Teal focus + action orange [Accent adjusted from #F97316]

UI/UX Pro Max

Dark tech + status green

UI/UX Pro Max

Digital indigo + buy green [Accent adjusted from #22C55E]

UI/UX Pro Max

Academic navy + gold keynote + track chips

UI/UX Pro Max

Dark code + star gold + fork silver + sponsor purple

UI/UX Pro Max

Dark terminal + running green + failed red + queued amber

UI/UX Pro Max

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

Montserrat

Awesome DESIGN.md — e-commerce

2D, minimalist, bold colors, no shadows, clean lines, simple shapes, typography-focused, modern, icon-heavy. Best for Web apps, mobile apps, cross-platform, startup MVPs, user-friendly, SaaS, dashboards, corporate.

UI/UX Pro Max

Multiple charts/widgets, data tables, KPI cards, minimal padding, grid layout, space-efficient, maximum data visibility. Best for Business intelligence dashboards, financial analytics, enterprise reporting, operational…

UI/UX Pro Max

Depth, overlapping, z-index, layers, 3D, shadows, elevation, floating, cards, spatial hierarchy. Best for Dashboards, card layouts, modals, navigation, product showcases, SaaS interfaces.

UI/UX Pro Max

An Apple-keynote product-reveal aesthetic: a pitch-black stage, luminous product imagery, huge tight-tracking headlines and one electric-blue accent. The signature is a scroll-scrubbed frame sequence - a sticky canvas p…

StyleKit

A hero section layout with fullscreen images or video backgrounds that captures attention through stunning visuals, ideal for brand showcases, product launches, and event promotions.

StyleKit

An immersive layout creating depth parallax effects through fixed backgrounds and scrolling content, with each full-screen section having its own background layer. Ideal for brand stories, product showcases, and immersi…

StyleKit

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

StyleKit

A Z-pattern scanning layout based on eye-tracking, where the gaze moves from top-left to top-right, diagonally to bottom-left, then to bottom-right, forming a Z-path. Ideal for landing pages, marketing pages, and concis…

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

Frosted glass, transparent, blurred background, layered, vibrant background, light source, depth, multi-layer. Best for Modern SaaS, financial dashboards, high-end corporate, lifestyle apps, modal overlays, navigation.

UI/UX Pro Max

Vibrant gradients, smooth blend, Northern Lights effect, mesh gradient, luminous, atmospheric, abstract. Best for Modern SaaS, creative agencies, branding, music platforms, lifestyle, premium products, hero sections.

UI/UX Pro Max

Rubik + Nunito Sans — ecommerce, clean, shopping, product, retail, conversion

Rubik / Nunito Sans

UI/UX Pro Max

Example system for dashboard/admin interfaces

Interface Design skill

A cinematic opener led by a short looping video. A poster frame paints first as the LCP; the muted video autoplays and loops only once in view; text sits on a readability scrim. Dark grading and slow motion build a trai…

StyleKit

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

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

Fusing cyberpunk sci-fi UI with anime aesthetics, featuring HUD overlays, holographic projection panels, mecha-frame borders, and multi-layer neon glow effects for a futuristic anime interface style.

StyleKit

High-density admin panel style with compact spacing and small components. Prioritizes data tables and operational efficiency.

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

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

StyleKit