Skill UI

Master the creation and manipulation of 3D geometry within the Three.js framework. This guide covers built-in primitive shapes (Box, Sphere, Cylinder), advanced procedural geometries (Extrude, Tube, TorusKnot), and text visualization. Crucially, it details the use of BufferGeometry, allowing developers to store vertex, normal, UV, and color data in optimized typed arrays for high-performance rendering and custom mesh construction.

This guide provides a comprehensive overview of various material types in Three.js, including MeshBasic, MeshLambert, MeshPhong, MeshStandard, and advanced MeshPhysical materials. It covers techniques for achieving realistic PBR rendering, simulating materials like glass, car paint, and fabric, and utilizing custom shaders for maximum visual control. Essential for any developer styling meshes and creating immersive 3D experiences.

Creates a Next.js page that renders App Store screenshots as marketing ads, exports Apple‑sized images via html-to-image, and supports branded styling, locale tabs, and reusable theme presets for iOS listings.

Guides building secure production-grade Electron desktop apps with isolated renderer processes, hardened IPC via preload bridges, packaging through electron-builder, code signing, and full auto-update workflows.

Validates Helm chart provenance, scans rendered templates for misconfigurations, enforces pod security contexts, and hardens RBAC/secrets workflows so Kubernetes deployments stay compliant.

Run NVIDIA Cosmos Policy evaluations on LIBERO and RoboCasa simulations, enabling headless EGL GPU rendering, inference profiling, and benchmark workflows via public eval entrypoints.

SvelteKit is the official full-stack framework built on Svelte, enabling developers to build fast, modern, and highly performant web applications. It provides comprehensive features including file-based routing, Server-Side Rendering (SSR), Static Site Generation (SSG), API routes, and progressive form actions, all while maintaining Svelte's zero runtime overhead. Use this skill when building complex, data-driven web platforms where performance and developer experience are paramount.

This guide details how to build an MCP app, which is an MCP server enhanced to serve interactive UI resources. It allows developers to render complex widgets—such as forms, pickers, dashboards, and confirmation dialogs—directly inline within a chat conversation. Learn about the architecture, host specifics, and when to use a widget versus standard text output.

A comprehensive guide to diagnosing and resolving performance bottlenecks in React applications. This skill teaches advanced techniques like state isolation, memoization (using `useMemo`, `useCallback`, and `React.memo`), and list virtualization. It guides users through profiling using React DevTools to identify render hotspots, ensuring components render efficiently and maintain high application responsiveness.

A comprehensive guide covering best practices for video creation using Remotion within React. This resource provides domain-specific rules and detailed examples for handling complex multimedia elements, including 3D rendering (Three.js), advanced animations, audio synchronization, data charting, captioning, and scene transitions. Learn how to structure professional, high-quality videos entirely through React components.

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.