# Safari — component for devices & mockups (react) > **For AI agents:** find the right skill in one call — `curl -s "https://skills.varg.ai/api/search?q="` returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add `.md` to its path. Before generating anything, show the person the options on the use-case page. Dark Safari browser window with traffic lights and an address bar, a video playing in the page area - **Install:** `npx shadcn@latest add @magicui/safari` - **Registry:** magic-ui · **Framework:** react · **License:** MIT - **Docs and preview:** https://magicui.design/docs/components/safari - **Source:** https://github.com/magicuidesign/magicui/blob/main/apps/www/registry/magicui/safari.tsx - **Example:** https://skills.varg.ai/previews/lib-magic-ui-safari.mp4?v=170643 (Captured from the library’s own demo page (Magic UI)) - **Time:** Static. No motion of its own. Animate position, scale or color from the frame if the shot needs movement. - **Runs:** local render, free - **Aspect:** 16:9 ## Prompt that renders it frame-exact Use the Safari mockup from Magic UI (https://magicui.design/docs/components/safari, MIT) to frame a website or web-app recording, centred in a 16:9 frame with some margin. The window is a static SVG with the URL in the address bar (url prop) and the page area filled by imageSrc or videoSrc; mode "simple" drops the toolbar icons. In a render the page video must follow the composition clock: in HyperFrames use a framework-owned