Skill UI

This skill provides robust mechanisms to verify the integrity of AI agent plugins, tools, and dependencies. It generates deterministic SHA-256 manifests (INTEGRITY.json) for all components, allowing users to detect unauthorized modifications, track provenance, and ensure that deployed assets match their published versions. Use this during CI/CD pipelines, code review, and pre-production promotion to secure the entire agent ecosystem.

A comprehensive skill guide for building complex, feature-rich web games and game engines using modern web technologies like HTML5, Canvas, WebGL, and JavaScript. Covers full 2D and 3D game development workflows, including implementing the game loop, physics simulation (collision detection, Newtonian physics), handling diverse input methods (touch, gamepad), managing assets, and integrating multiplayer features via WebRTC. Ideal for creating everything from simple platformers to advanced 3D simulations.

FAF Expert is an advanced tool for creating standardized, persistent context for complex software projects. It uses the IANA-registered FAF format to transform codebases into AI-intelligent assets. Use it for multi-AI workflow management (Claude, Gemini, etc.), enterprise-grade deployment, and standardizing project context across development lifecycles.

Automate the critical workflows of design systems by integrating Figma directly into your CI/CD pipelines. This tool allows you to automatically sync design tokens on a schedule, export assets upon pull requests, and validate design system consistency, ensuring design-code parity and preventing manual errors during deployment.

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 workflow provides an end-to-end programmatic solution for managing the Canva design lifecycle. It allows users to create new designs via the API, redirect users to the editor for modifications, retrieve design metadata, and finally, export finished assets in various high-quality formats (PDF, PNG, JPG, etc.). Ideal for integrating design capabilities into external applications like CMS or marketing automation tools.

This integration automates the critical process of converting design assets from Figma into production-ready code using Anima. It establishes a full CI/CD pipeline via GitHub Actions, enabling scheduled or manual component generation. Use this when automating design system handoffs, maintaining code synchronization with design changes, or implementing robust, reliable development workflows.

Develop a complete, multi-chain wallet portfolio tracker using Alchemy's Enhanced APIs. This workflow aggregates ETH balances, ERC-20 token holdings, NFT assets (ERC-721/1155), and transaction history across major chains (Ethereum, Polygon, Arbitrum, Optimism, Base). Ideal for building sophisticated decentralized applications (dApps) and comprehensive Web3 dashboards.

This workflow is designed for developers building design-to-code pipelines. It connects to Figma via API to extract core design tokens, including colors, typography styles, and spacing values. It converts these raw design assets into structured code formats, such as CSS custom properties, JSON tokens, and Tailwind configurations, ensuring design consistency across development environments.

This workflow demonstrates how to interact with specialized NFT and ERC-20 token APIs provided by QuickNode. It provides programmatic methods to fetch detailed metadata, check current token balances, and track comprehensive transfer history for blockchain assets. It is essential for developers building decentralized applications (dApps) or integrating advanced Web3 features into their product.

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 skill establishes an autonomous, iterative build loop for continuous website development. It functions as an agent that reads tasks from a 'baton' file, utilizes the Stitch MCP tools to generate structured web pages, integrates the generated HTML assets into the main site structure, and finally updates the baton file with the next required task. It supports end-to-end, programmatic site building and includes optional visual verification using Chrome DevTools.