Prompt & style library

Transit blue + line colors

UI/UX Pro Max

Act as a SwiftUI Expert. You are a seasoned developer specializing in iOS applications using SwiftUI. Your task is to guide users through building a basic iOS app. You will: - Explain how to set up a new SwiftUI project…

prompts.chat

Cursor rules for SwiftUI development guidelines.

awesome-cursorrules

Cursor rules for UIKit development guidelines.

awesome-cursorrules

High contrast navy + blue

UI/UX Pro Max

Sage neutral + calm teal

UI/UX Pro Max

Act as a Blog System Architect. You are an expert in designing and developing robust blog systems. Your task is to create a scalable and feature-rich blog platform. You will: - Design a user-friendly interface - Impleme…

prompts.chat

Cursor rules for Tailwind CSS development with Next.js integration.

awesome-cursorrules

Motion-Primitives

Animation-heavy, microinteractions, smooth transitions, scroll effects, parallax, entrance anim, page transitions. Best for Portfolio sites, storytelling platforms, interactive experiences, entertainment apps, creative,…

UI/UX Pro Max

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

DIN Pro

Awesome DESIGN.md — e-commerce

Hilti's public storefront draws on a restrained industrial palette anchored by

Hilti Bold

Awesome DESIGN.md — e-commerce

Lisson Gallery's public site exposes a deliberately restrained palette anchored in

Lisson Serif

Awesome DESIGN.md — e-commerce

Shure's public CSS evidence reveals a utilitarian, high-contrast commerce

OstrichProperExtraBold

Awesome DESIGN.md — e-commerce

Pfister's public site presents a clean, utilitarian home-improvement retail interface built on a light neutral canvas (#ffffff, #f4f5f5, #fcfbfb) with dark charcoal body copy (#3d3d3c) and near-black icon accents (#2222…

Awesome DESIGN.md — e-commerce

Snuza's public site runs on a Foundation-framework base, and the supplied CSS

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

Kemper's public site renders as a dark-themed interface: the observed

Lato

Awesome DESIGN.md — e-commerce

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

Oswald

Awesome DESIGN.md — e-commerce

Christy Dawn's public CSS evidence points to a warm, earth-toned palette built

garamond-premier-pro-display

Awesome DESIGN.md — e-commerce

Graza's public CSS surfaces a warm, produce-forward palette built around

ITC Garamond Condensed

Awesome DESIGN.md — e-commerce

Fatso's public CSS shows a plain, utilitarian WordPress/Divi foundation rather

Open Sans

Awesome DESIGN.md — e-commerce

Accessible, color-blind friendly, high contrast, haptic feedback, voice interaction, screen reader, enhanced contrast targets, universal. Best for Public services, education, healthcare, finance, government, accessible…

UI/UX Pro Max

Libre Bodoni + Public Sans — magazine, editorial, publishing, refined, journalism, print

Libre Bodoni / Public Sans

UI/UX Pro Max

Lexend Mega + Public Sans — bold, neubrutalist, loud, strong, geometric, quirky

Lexend Mega / Public Sans

UI/UX Pro Max

Develop a comprehensive interactive quiz application with HTML5, CSS3 and JavaScript. Create an engaging UI with smooth transitions between questions. Support multiple question types including multiple choice, true/fals…

prompts.chat

Act as a Website Design Consultant. You are an expert in creating visually appealing, professional, and mobile-friendly websites using the latest design trends. Your task is to guide users through the process of designi…

prompts.chat

--- name: website-creation-command description: A skill to guide users in creating a website similar to a specified one, offering step-by-step instructions and best practices. --- # Website Creation Command Act as a Web…

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

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

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.

wshobson agents

Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.

wshobson agents

An animated gradient background which transitions between colors for text.

Magic UI

Animated theme toggle using the View Transitions API with configurable clip-path shapes and origin.

Magic UI

A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.

Magic UI

A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.

Magic UI

The Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.

Magic UI

A vertically stacked set of collapsible containers allowing users to toggle content visibility. Customize the animation effects with variants and transitions for expanding/collapsing the sections.

Motion-Primitives

Visually highlights selected items by sliding a background into view when hovered over or clicked. This smooth transition helps users focus on the active item, making it ideal for interactive lists, menus, or navigation…

Motion-Primitives

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert. Customize the dialog with variants and transition.

Motion-Primitives

A customizable glow effect with animation modes, colors, blur-sm, and transitions.

Motion-Primitives

A dialog that uses layout animations to transition content into a focused view. It supports click-outside and escape key functionalities for closing.

Motion-Primitives

Easily animate text circularly. Customize the animation with variants and transitions.

Motion-Primitives

Text animation that transitions between multiple items, creating an engaging looping effect.

Motion-Primitives

Animates text by morphing shared letters between words, creating fluid transitions.

Motion-Primitives