Skill UI

This skill provides comprehensive integration with the Ramp API, enabling the management and tracking of corporate card and expense data. Users can utilize it to list virtual cards, retrieve detailed recent transactions, and fetch user profile information. It is essential for developers building financial synchronization tools, advanced expense reporting systems, or robust corporate card management dashboards.

This skill allows users to build and maintain complex UI components and full screens directly within Figma using the Figma MCP. It rigorously enforces a defined design system (like Rayna UI) by validating design tokens, applying craft rules, detecting anti-patterns, and ensuring visual consistency. Ideal for creating new components, composing entire dashboards or landing pages, or auditing existing files for compliance.

This guide provides deep debugging techniques for complex Salesforce issues. Learn to analyze Apex debug logs, optimize SOQL query plans, diagnose governor limit violations, and perform EventLogFile forensics. Essential for resolving critical performance bottlenecks and advanced system errors in a professional development environment.

This comprehensive guide provides solutions for common and complex errors encountered when using WebContainer and StackBlitz environments. It covers essential fixes for cross-origin isolation headers (COOP/COEP), managing WebContainer boot failures using singleton patterns, resolving npm installation hangs, and handling file system errors (ENOENT). Use this skill to stabilize and debug complex web development sandboxes.

This bundle collects comprehensive diagnostic information about the WebContainer environment. It checks the boot state, file system integrity, running process list, and modern browser support (e.g., SharedArrayBuffer, cross-origin isolation). Essential for developers integrating with StackBlitz SDK or WebContainers to troubleshoot complex development issues.

This guide demonstrates how to set up a complete development environment entirely within a web browser using the WebContainer API. It covers mounting a virtual file system, installing Node.js dependencies via npm, and starting a local dev server (like Express) without needing a dedicated backend server. It is ideal for learning WebContainers, building browser-based IDEs, or prototyping Node.js applications client-side.

A comprehensive guide to setting up a local development loop for WebContainer applications. This setup utilizes Vite for a modern development environment, providing hot module replacement (HMR) and cross-origin policy configuration. It includes detailed steps for running Vitest tests, ensuring file system operations and browser-based IDE features function correctly in a simulated local environment.

This skill focuses on optimizing the performance of WebContainers, specifically targeting improvements in boot time, file system mounting efficiency, and process spawning. It is essential for developers utilizing the WebContainer API or the StackBlitz SDK to ensure a stable and efficient development environment, especially in complex web applications.

This guide provides essential knowledge on resource limitations within WebContainer environments (such as memory, CPU, file system size, and process count). It is crucial for developers utilizing the WebContainers API or StackBlitz SDK to understand these constraints. Learn best practices for monitoring memory usage, optimizing mounted file systems by excluding unnecessary assets (like test or documentation folders), and managing dependencies to prevent common issues like Out-Of-Memory (OOM) crashes and slow build times.

This comprehensive guide provides production-ready patterns for the WebContainer API, essential for building sophisticated online IDEs and code playgrounds. It covers key functionalities such as singleton WebContainer management, robust file system CRUD operations, process lifecycle management, jsh terminal emulation, and embedding projects using the StackBlitz SDK. Ideal for developers creating collaborative development environments.

Generates structured DESIGN.md files that serve as a single source of truth for AI-powered screen generation (Google Stitch). This skill translates complex, anti-generic design directives into precise semantic rules, covering typography, color calibration, motion physics, and layout principles to enforce a premium, high-agency UI/UX standard. It ensures outputs are sophisticated and avoid common AI design clichés.

This skill provides a comprehensive framework for security auditing LLM agents that possess external tools (file system access, command execution, network calls). It employs advanced dialogue probing techniques—such as command injection, path traversal, and SSRF attempts—to identify vulnerabilities where the agent might be induced to execute unexpected or malicious code, or access sensitive resources. Essential for red teaming and securing agent functionalities.