Prompt & style library

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

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

UI/UX Pro Max

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

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

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

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

VoltAgent subagents

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

StyleKit

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