Prompt & style library

material 3 expressive, vibrant color, spring motion, adaptive components, flexible typography, contrasting shapes, android. Best for Android, Wear OS, and Pixel-aligned products using Material 3 components.

UI/UX Pro Max

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

Roboto + Roboto — material design 3, md3, android, google, tonal, friendly, rounded, accessible, adaptive

Roboto

UI/UX Pro Max

Cursor rules for Next.js development with Material UI and Tailwind CSS integration.

awesome-cursorrules

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing fron…

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

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

UI/UX Pro Max

A deep, earthy cookware brand that feels like a well-loved cast-iron pan — warm, grounded, and built to last. Material Kitchen’s palette is drawn from the soil and the sea: a primary green of (#1d423c) that reads as for…

Teodor

Awesome DESIGN.md — e-commerce

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

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

Muted earthy, skin tones, wood, soil, sand, terracotta, warmth, organic materials, handmade warmth. Best for Wellness brands, sustainable products, artisan goods, organic food, spa/beauty, home decor.

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

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing…

wshobson agents

Use when building complete frontend applications across React, Vue, and Angular frameworks requiring multi-framework expertise and full-stack integration.

VoltAgent subagents

SOKO's storefront CSS exposes a neutral black-and-white foundation (#000000, #ffffff, #111111) layered with warm accent tones drawn from its jewelry materials: a brass/gold badge color (#7e6b45) used for "best seller" l…

Outfit

Awesome DESIGN.md — e-commerce

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

StyleKit

Warm minimalist design rooted in Scandinavian tradition, emphasizing natural materials, generous whitespace, wood tones, and Hygge living aesthetics for a serene, cozy visual experience.

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

Realistic, texture, depth, 3D appearance, real-world metaphors, shadows, gradients, tactile, detailed, material. Best for Legacy apps, gaming, immersive storytelling, premium products, luxury, realistic simulations, edu…

UI/UX Pro Max

Small animations, gesture-based, tactile feedback, subtle animations, contextual interactions, responsive. Best for Mobile apps, touchscreen UIs, productivity tools, user-friendly, consumer apps, interactive components.

UI/UX Pro Max

Builder purple + component pink + canvas neutral

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

--- name: frontend-developer description: "Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at cre…

prompts.chat

Based on the approved concept, build the [Homepage/About/etc.] page. Constraints: - Single-file React component with Tailwind - Mobile-first, responsive - Performance budget: no library over 50kb unless justified - [Spe…

prompts.chat

Tailwind CSS and UI component best practices for modern web applications

awesome-cursorrules

Use this agent when designing visual interfaces, creating design systems, building component libraries, or refining user-facing aesthetics requiring expert visual design, interaction patterns, and accessibility consider…

VoltAgent subagents

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

Expert design system architect specializing in design tokens, component libraries, theming infrastructure, and scalable design operations. Masters token architecture, multi-brand systems, and design-development collabor…

wshobson agents

Animated Circular Progress Bar is a component that displays a circular gauge with a percentage value.

Magic UI

A component which compares two code snippets.

Magic UI

A component with a svg dotted map.

Magic UI

A hero video dialog component.

Magic UI

An interactive 3D tag cloud component

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 text component that animates font weight of characters on hover.

Magic UI

A interactive component that enables zooming into images, videos and other elements.

Magic UI

A component with animated light rays which shine down from above.

Magic UI

A text component with a moving line shadow.

Magic UI

An infinite scrolling component that can be used to display text, images, or videos.

Magic UI

A dynamic text morphing component for Magic UI.

Magic UI

A component that displays your image with a pixelated effect, enhancing the visual appeal of any image in your website.

Magic UI

A component that displays a pointer when hovering over an element

Magic UI

A shiny button component with dynamic styles in the dark mode or light mode.

Magic UI

A customizable, physics-based smooth cursor animation component for React applications.

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 text animation component that animates text using a variety of different animations.

Magic UI

A text component with a video background.

Magic UI

A custom cursor component with optional spring animations. It can be globally applied to the page or attached specifically to a parent element.

Motion-Primitives

The Disclosure component allows users to toggle the visibility of content, either collapsed or expanded.

Motion-Primitives

Infinite scrolling slider component that smoothly loops through its children. It supports both horizontal and vertical directions, with customizable speed and speed on hover. Ideal for creating continuous carousels, mar…

Motion-Primitives

A Progressive Blur component creates a layered blur effect using motion and gradient masks. It progressively blurs layers based on direction and intensity, adding visual depth.

Motion-Primitives

A component that slides numbers.

Motion-Primitives

A dynamic spotlight effect component that follows cursor movement.

Motion-Primitives

A text roll component that rotates each character, fully customizable for nice text animations.

Motion-Primitives