UI Design

anthropic Bundle

Create, read, edit, and convert PowerPoint (.pptx) files with design guidance and visual QA workflows.

anthropic Bundle

Guides distinctive, intentional visual design for new UI or existing interfaces, covering aesthetic direction, typography, and avoiding templated defaults.

alirezarezvani Bundle

Generates a premium single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth. Forces structured intake (product pitch, audience, brand, tone) before generating copy or markup.

alirezarezvani Bundle

Build cinematic, scroll-driven 2.5D websites with parallax depth, text animations, and premium effects using CSS and JavaScript.

alirezarezvani Bundle

Generate design tokens, color palettes, typography scales, component systems, and developer handoff documentation for UI design systems.

addyosmani Skill

Build production-quality user interfaces that are accessible, performant, and visually polished, with guidance on component architecture, state management, design system adherence, and accessibility.

antfu Bundle

Build interfaces with UnoCSS using semantic tokens, dark mode parity, and design polish for devtools and landing pages.

microsoft Bundle

Review UI implementations against design quality standards and design system compliance, or create distinctive, production-grade frontend interfaces from scratch.

microsoft Bundle

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations for dashboards, admin panels, or data-rich interfaces.

conardli Bundle

Generates and edits images using GPT Image 2 across three modes: direct generation via OpenAI-compatible API, prompt engineering for host-native image tools, or pure prompt advisory. Includes 80+ structured templates for posters, UI mockups, product visuals, maps, slides, and more.

conardli Bundle

Craft polished visual web artifacts — pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations — using HTML, CSS, JavaScript, and React.

conardli Bundle

Transform articles or scripts into click-driven 16:9 web presentations that look like videos, with optional AI voiceover synthesis.

affaan-m Skill

Batch-convert UI design screenshots into Vue 3 Composition API components using Vant, Element Plus, or Ant Design Vue.

affaan-m Bundle

Generate iOS app icons as PNG imagesets for Xcode asset catalogs from SF Symbols or the Iconify API.

affaan-m Skill

Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA standards, with guidance for Web, iOS, and Android platforms.

affaan-m Skill

Generate or audit design systems, check visual consistency, and review PRs that touch styling.

affaan-m Skill

Build complex, interactive animations in React/Next.js including drag-and-drop, gestures, text animations, SVG path drawing, custom hooks, and imperative sequences.

affaan-m Skill

Provides copy-paste animation patterns for React and Next.js, including buttons, modals, toasts, stagger lists, page transitions, scroll reveals, and layout animations, all built on motion-foundations tokens.

affaan-m Skill

Provides a foundational motion system for React/Next.js apps using motion/react, including tokens, spring presets, accessibility enforcement, SSR safety, and performance rules.

affaan-m Skill

Implement Apple's Liquid Glass design system for iOS 26+ with dynamic glass materials, blur, reflection, and interactive morphing in SwiftUI, UIKit, and WidgetKit.

coreyhaines31 Bundle

Create and optimize marketing images including blog heroes, social graphics, and ad visuals using AI generation and design tools.

antigravity Bundle

Manage shadcn/ui components and projects with context, documentation, and usage patterns for building modern design systems.

antigravity Skill

Transforms sketches and text descriptions into photorealistic 3D renders for product design, with control over materials, lighting, and style.

antigravity Skill

Builds an interactive in-browser studio for tuning visual parameters (sliders, pickers, drag handles) or editing/annotating text and media, enabling real-time human-in-the-loop refinement instead of static comparisons or chat-based feedback.

antigravity Skill

Audits components and pages for WCAG 2.2 AA accessibility issues and applies practical fixes for touch targets, focus states, contrast, labels, and reduced motion.

antigravity Skill

Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

antigravity Skill

Generates concise product copy for buttons, empty states, errors, toasts, confirmations, and form guidance using a casual but polite tone.

antigravity Skill

Design user flows and screen structures using UX patterns like progressive disclosure, hub-and-spoke navigation, and information pyramids.

antigravity Skill

Walks through a step-by-step wizard to configure brand colors, typography, and scaffold the first screen for a new app using the StyleSeed design system.

antigravity Skill

Audit screens against Nielsen's heuristics and mobile UX best practices using the StyleSeed Toss design language as the implementation context.

antigravity Skill

Routes frontend design tasks to 48 specific UI styles, providing color palettes and implementation guidance for websites, app screens, or UI components.

antigravity Skill

Generate award-level landing pages with cinematic GSAP motion, gapless bento grids, and strict AIDA structure.

antigravity Skill

Audits UI code for compliance with the StyleSeed design system, covering design tokens, component conventions, accessibility, mobile UX, and typography.

antigravity Skill

Provides opinionated, evolving constraints and patterns to guide AI agents when building user interfaces.

antigravity Bundle

Provides Apple Human Interface Guidelines for designing input methods across Apple platforms, including gestures, Apple Pencil, keyboards, game controllers, pointers, Digital Crown, eye tracking, spatial interactions, focus systems, remotes, motion sensors, and nearby interactions.

antigravity Skill

Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement.