Loading...
Loading...
Found 174 Skills
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.
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.
Extract self-contained static HTML from a built web application or React components by inlining CSS and images. Use this skill whenever you need to capture a specific UI state, share a static version of a page, or prepare assets for Stitch upload, even if the user just asks to 'save the HTML' or 'mock the view'.
Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.
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.
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.