Loading...
Loading...
Found 223 Skills
Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.
Install one remocn component into a Remotion project and show how to use it: read its docs page, run shadcn add, and place it in a Sequence with the right length. Use when the user names a remocn component to add, or asks for a single animation, transition, background or UI primitive rather than a whole video.
Turns plain-language chart design requests into exact Bklit UI (@bklit shadcn registry) components and props, styled to fit the host app. Use when someone describes how a chart should look rather than naming props, e.g. "diagonal pattern background that fades out", "squircle bars", "3D glass bars", "hatched area", "dot grid", "skeleton loading state", "dashed forecast", "half donut", "make the charts match my brand / dark mode / border radius". Detects the project's Tailwind version, colour format, dark-mode strategy, radius and existing chart tokens, then picks a proven recipe, installs the right @bklit/<item>, adapts colours to theme tokens and states honestly when Bklit has no prop for the request. Also use when theming or restyling Bklit charts.
Create screen-photo-style fisheye distortion effects and focus animations: barrel fisheye distortion + fine scanline/moiré interference + edge vignette, with Remotion video output for any image or video using a “push-in focus onto a target + yellow annotation block sliding in” effect. The core workflow is to clone the https://github.com/vibe-motion/fisheye-motion project, adjust parameters as needed, and render. Trigger words: fisheye, screen capture, moiré, moire, scanline, CRT, vignette, focus push-in, highlight annotation animation, screen-photo effect.
Create and deploy reusable React components for Webflow Designer. Configure existing React projects with webflow.json, build and bundle code, validate output, and deploy to workspace using library share. Use when building custom components for designers.
Use when building or modifying LottieFiles Creator Plugin UIs with @lottiefiles/creator-plugins-ui. Covers React components, Tailwind CSS setup, theming, dark mode, cn(), Base UI patterns, and common migration pitfalls.
Build UI with Cubix, the copy-paste React component registry. Use when the project has a cubix.json, imports from components/cubix, or the user asks to add, compose, theme, or publish Cubix components, blocks, or registry items with the cubix-ui CLI.