Skill UI

Craft reusable Manim explainers for technical concepts, graphs, and product walkthroughs, focusing on structured storyboards, precise motion, and handoffs to the ECC video stack when polish is needed.

Diagnoses and explains fixes for Flutter runtime and layout errors such as RenderFlex overflow, unbounded constraints, scroll-controller conflicts, and inappropriate setState calls during build, helping developers resolve issues quickly.

This tool provides comprehensive automation capabilities for managing cloud infrastructure on the Render platform via Rube MCP. Users can list, filter, and browse various services (web services, static sites, etc.), manually trigger new deployments, and continuously monitor the deployment status (e.g., checking for 'live' status or catching 'build_failed' errors). It is essential for streamlining CI/CD pipelines, managing projects, and ensuring reliable, automated service updates without manual intervention.

This guide serves as a comprehensive reference for source-file migration patterns required when upgrading to React 19. It details critical API changes, such as updating `ReactDOM.render` to `createRoot().render()`, modernizing ref handling, and adjusting legacy context usage. It is essential for developers migrating large, existing React applications to ensure compatibility with the latest React standards.

Comprehensive audit covering all aspects of web technical SEO, including crawlability (robots.txt, sitemaps), indexability, security headers, and URL structure. It deeply analyzes Core Web Vitals (LCP, INP, CLS) and assesses complex rendering scenarios like JavaScript SEO and structured data implementation for optimal search engine visibility.

This skill provides a comprehensive workflow to export images, icons, and assets directly from Figma files using the REST API. It enables users to render specific frames or components as high-quality PNG, SVG, JPG, or PDF files. Ideal for building automated asset pipelines, generating documentation previews, or batch exporting large icon libraries.

This guide serves as a diagnostic reference for common Framer errors, covering issues across plugins, components, and Server APIs. It provides detailed causes and actionable fixes for problems like component rendering failures, incorrect API usage, and connection errors, helping developers efficiently debug and resolve integration issues.

This guide provides advanced techniques to boost Framer API performance. It covers critical optimization areas including batch CMS syncing to prevent timeouts, memoizing expensive React components for better render performance, establishing persistent WebSocket connections, and optimizing image URLs before CMS synchronization. Use this when aiming to improve overall speed and stability of Framer-integrated applications.

This comprehensive debug bundle collects all necessary diagnostic evidence from Lucidchart's API integrations. It systematically checks document access, data linking integrity, shape rendering, and export status by capturing API responses, page metadata, and rate limit information. It is essential for support engineers diagnosing complex integration failures without needing direct account access.

These extensions enable developers to customize the Shopify checkout experience using sandboxed, React-like components. They serve as the modern replacement for the deprecated checkout.liquid, allowing deep integration into the purchase flow. Use cases include adding custom data fields (metafields), rendering dynamic promotional banners, and reading real-time checkout state information.

This skill guides developers through advanced techniques to optimize Shopify store performance and improve Core Web Vitals (LCP, CLS, INP). It covers fixing lazy-loaded hero images, migrating to the modern `image_url` filter for responsive images, profiling slow Liquid renders, and optimizing font delivery, ensuring a fast and professional e-commerce experience.

This guide provides comprehensive instructions for integrating TechSmith's screen capture (Snagit) and video editing (Camtasia) tools using the COM API. It covers advanced scripting techniques in a Windows environment, primarily utilizing PowerShell and Python interop (`pywin32`). Use it to automate complex content creation workflows, such as batch rendering, programmatic screen region capture, and structured file handling for professional video assets.