Skill UI

A comprehensive quick-reference guide for diagnosing and fixing common Firecrawl API errors and response codes. Covers critical issues such as API key validation (401), rate limiting (429), credit exhaustion (402), and handling dynamic content rendering failures in Single Page Applications (SPA). Use this when debugging failed web scraping or crawl job runs.

This skill acts as a comprehensive security scanner specializing in detecting Cross-Site Scripting (XSS) vulnerabilities in client-side code. It performs static analysis across React, Vue, Angular, and vanilla JavaScript, specifically identifying unsafe practices like direct HTML manipulation (innerHTML), raw rendering (v-html), and insecure URL handling. Use it when auditing frontend code for security flaws and needing best practices for secure coding.

Frontend Patterns documents modern React and Next.js UI best practices, covering component composition, compound components, render-props, reusable hooks, and context-reducer state management to build performant interfaces.

This workflow executes the primary Ideogram API calls for advanced text-to-image generation. Ideogram excels at rendering legible text within images, a crucial capability for creating realistic signs, menus, or branding elements. Use this for generating high-quality social media graphics, marketing banners, product mockups, and posters that require accurate and stylized typography combined with illustration.

This guide outlines the process of migrating codebase dependencies and logic when upgrading the Ideogram API from legacy versions (V1/V2) to the robust V3 endpoints. It addresses critical breaking changes, including the shift from JSON body to multipart/form-data, changes in model naming, aspect ratio syntax, and the integration of new V3 features like rendering speed and style presets. Provides structured code adapters for smooth transition.

This guide outlines the comprehensive reference architecture for building advanced, AI-powered search and research applications, modeled after Perplexity. It covers three core tiers: a searchable service with model routing and caching, a citation pipeline for validation and rendering, and an orchestrator for multi-query research synthesis. Use this when designing complex, production-grade, search-augmented LLM integrations or reviewing advanced system patterns.

Automates Prerender tasks via Composio’s Rube MCP pipeline, covering tool discovery, connection checks, schema-compliant executions, and session-aware workflows that always search for current schemas before running multi-tool operations.

A comprehensive architectural guide for building production-grade flowcharts using ReactFlow. This pattern set covers key challenges including hierarchical tree navigation (expandable/collapsible nodes), performance optimization via incremental rendering and memoization, and advanced state management using Redux-like reducer patterns with history tracking (undo/redo).

Automate Render cloud platform operations—listing services/projects, triggering and monitoring deployments—using Composio's Render toolkit through the Rube MCP integration, keeping schemas current via RUBE_SEARCH_TOOLS.

Deploy applications to Render by analyzing repositories, generating render.yaml blueprints, and creating services via MCP tools; works for Git-backed projects and guides users through Render-specific flows, credentials, and Docker image options.

Automates Renderform workflows via Composio's Rube MCP, guiding agents to search current schemas, validate active connections, and execute operations (including multi-tool calls) with schema-compliant inputs and session management.

A comprehensive guide for writing efficient GLSL shaders (Vertex/Fragment) used in WebGL and game engines. Learn fundamental concepts like shader structure, uniforms, varying variables, and advanced techniques such as raymarching and post-processing effects, optimizing graphics rendering performance on the GPU.