Skill UI

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.

Fal.ai Media Studio via MCP unifies image, video, and audio generation using Nano Banana, Seedance, Kling, Veo 3, CSM-1B, and ThinkSound models, enabling prompt-driven drafts, high-fidelity renders, and multimodal content for creative 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.

Formats Markdown into Slack-ready HTML or mrkdwn, previews the Slack-style rendering, copies rich HTML to the clipboard, and optionally delivers announcements via webhooks for messages and notifications.

Generates Mermaid diagram code from user requirements, writes raw .mmd and Markdown-wrapped .md files, enforces syntax checks via Mermaid CLI rendering, and handles over 20 diagram styles including flowcharts, ER, class, Gantt, and more.

Generate CVPR/NeurIPS-ready publication figures through a multi-stage Claude-and-Gemini workflow that iterates layout, style, and rendering until the strict reviewer score meets the high-quality threshold.

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.