Scaffold a new project with a consistent, production-ready structure including Supabase, Vercel, Tailwind CSS, and React 19. Supports two frameworks: Vite (SPA) and Next.js 15 (App Router). Use this skill whenever the user wants to start a new project, create a new repository, scaffold an app, boots

Best practices for Remotion - Video creation in React

Takes a video file (e.g. a product deconstruction/assembly animation) and builds a beautiful, performant website with scroll-driven animation. The video plays forward/backward as the user scrolls, creating a mesmerizing scroll-stopping effect. Uses frame extraction via FFmpeg, canvas-based rendering

Generates AI image and video prompts for scroll-stopping content. Creates three linked prompts: (1) a clean product/object shot on white background at 16:9, (2) an exploded/deconstructed version of the same object, and (3) a video transition prompt that animates between assembled and deconstructed s

Unified SEO skill with two modes: Article/Page Optimization and Full Website Audit. MODE 1 — ARTICLE/PAGE SEO OPTIMIZATION: Use this mode whenever the user shares an article, blog post, draft, page content, or a URL to a single page and mentions SEO, search optimization, ranking, or Google — or even

Expert visual design craft, UX strategy, and pixel-perfect implementation. Activates when building, styling, reviewing, or polishing any interface -- websites, apps, dashboards, component libraries, design systems, landing pages, or any screen. Triggers on: CSS styling, component design, layout, spa

Deploy applications and manage projects with complete CLI reference. Commands for deployments, projects, domains, environment variables, and live documentation access.