liquid-glass
Implement and review macOS SwiftUI Liquid Glass UI. Use when adopting system glass, removing conflicting custom chrome, or building glass surfaces.
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-20 00:13
10,907 results
Implement and review macOS SwiftUI Liquid Glass UI. Use when adopting system glass, removing conflicting custom chrome, or building glass surfaces.
Use when building elaborate, multi-component HTML artifacts using modern frontend technologies (React, Tailwind CSS, shadcn/ui). Triggers include requests for…
Design data tables that work for screen readers and cognitive accessibility. Use when creating or reviewing tables, data grids, comparison tables, pricing…
Use when the user needs React-specific patterns — hooks, component composition, Server Components, error boundaries, rendering optimization, and testing…
Vite + Vue 3.5 template with TypeScript. Clone, setup, build, and deploy to Vercel or Netlify.
Use when the user says 'analyze my wordpress site', 'what is running on my site', 'site dna', or 'what plugins are on my site'. Detects every page builder,…
Pure CSS scroll effects via the Native CSS Scroll-Driven Animations API (animation-timeline scroll()/view(), animation-range) — ZERO JavaScript. Call when the user…
Pin a section in place when scrolled to, then convert vertical scroll into horizontal scroll via GSAP ScrollTrigger (pin + scrub + tween xPercent of the track). Call when the user says "gsap…"
Infinite-scrolling/dragging WebGL image grid (Three.js) via coordinate-wrapping — dragging or scrolling shifts a virtual offset, mesh positions are recalculated by modulo so the grid appears infinite even though…
Scroll effects hub — 64 ORIGINAL verbatim versions (freefrontend/CodePen, MIT) in the Rheinmir/uiux-asset repo to copy the file as-is, plus 7 lightweight vanilla effects:…
Implement and configure Syncfusion WinForms FontComboBox control - a specialized combo box automatically populated with system fonts. Use this when working…
Guide for implementing Syncfusion GradientPanel control in Windows Forms applications. Use when creating gradient backgrounds, container panels with visual…
Guide for implementing the Syncfusion Windows Forms MultiSelectionComboBox control — a ComboBox with multi-item selection, auto-suggestion, and tag-style…
Guide for implementing Syncfusion PopupControlContainer in Windows Forms applications. Use when creating custom popup panels, attaching popups to parent…
Guide to implementing the Syncfusion Windows Forms TabbedMDIManager control for creating professional tabbed document interfaces with multiple tab groups,…
Visual Ralph orchestration for frontend UI from generated references, static references, or live URL targets, using $ultragoal with built-in visual verdict and…
Build, define, and import React code components into Webflow via DevLink. Use when creating Webflow code components, configuring declareComponent definitions,…
Resend + React Email templates
TanStack Table v8 patterns - useReactTable, column definitions, sorting, filtering, pagination, row selection, virtual scrolling, server-side data
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover…
Write and refactor React forms using react-hook-form with Zod validation. Use when creating new form components, converting existing forms to react-hook-form,…
Turn your store into an installable Progressive Web App with offline product browsing, push notifications, and home screen access for mobile shoppers
react-map-gl/maplibre patterns for FMC geo apps: declarative Source/Layer (never addSource/addLayer), MapProvider + useMap(), interactiveLayerIds, flat…
Use when building UI components in Next.js App Router with shadcn/ui — forms, dialogs, tables, toasts, accessible components.