Skill UI

A comprehensive guide to implementing real-time data synchronization and handling event triggers with Framer's API. This skill covers subscribing to CMS changes via WebSockets, implementing secure external webhook endpoints with signature validation, and integrating Framer plugin event listeners for dynamic interaction. Use this when building complex, event-driven web applications connected to Framer.

This skill demonstrates how to build a robust, event-driven indexing system for Glean. It processes real-time webhooks received from various source systems (like GitHub, Notion, Confluence), handling events such as document indexing, permission changes, and search anomalies. The solution includes critical components like signature verification and idempotent message handling to ensure data consistency and reliability.

This utility enables multi-camera streaming by converting standard camera protocols (RTSP, RTMP, HTTP) into low-latency WebRTC streams using the go2rtc sidecar. It is essential for building real-time surveillance dashboards, live video monitoring systems, or integrating diverse IP cameras into a single web interface.

A comprehensive directive for elite frontend developers, focusing on creating high-fidelity, award-winning web experiences. It mandates advanced techniques including GSAP motion triggers, mathematically flawless bento grids, and strict adherence to AIDA structure. This skill is crucial for building visually stunning, deeply interactive, and professional product or portfolio websites, moving beyond standard template limitations.

A guide on handling asynchronous operations and event notifications for the Grammarly API. Since Grammarly does not provide native push webhooks, this skill demonstrates techniques for implementing polling mechanisms (e.g., for plagiarism detection) and building a robust event bus to reliably handle streamed results, such as score completion or AI content detection alerts.

Provides comprehensive guidance on integrating with Hootsuite's event system. It covers setting up webhook endpoints, implementing secure signature validation, and handling various social stream events (e.g., message sent, post failure). Users can leverage this for building robust, API-driven integrations within the Hootsuite App Directory, including message status polling.

Create high-fidelity prototypes, slides, motion demos, visualizations, and critique decks using HTML. Best for design exploration, polished presentations, and interactive mockups, not production web apps.

This guide provides best practices for optimizing HubSpot integration costs and performance. Learn to manage API call volume by implementing batch reads, using server-side search filters, and leveraging webhooks instead of continuous polling. It covers crucial concepts like rate limit monitoring and caching to prevent 'Too Many Requests' errors (429), ensuring stable and cost-effective development.

A comprehensive guide to securing HubSpot API integrations. Details best practices for implementing least-privilege scopes, securely managing access tokens in environment variables, validating webhook signatures (v3), and executing proper token rotation procedures. Essential knowledge for building robust and secure applications connected to HubSpot.

This guide provides a comprehensive approach to setting up secure webhook endpoints for HubSpot CRM events. It demonstrates best practices for handling real-time data changes, including robust v3/v2 signature verification to ensure data integrity. Furthermore, it implements idempotent logic to prevent duplicate event processing when integrating a custom system with HubSpot's contact, company, or deal records.

This expert assistant specializes in creating, generating, editing, and optimizing professional visual assets for marketing campaigns. Whether you need blog heroes, social media graphics, product mockups, or brand banners, it guides you through selecting the right AI model (e.g., Gemini, Midjourney, Ideogram) or design workflow (e.g., Figma, Canva). It provides best practices for prompting, consistency, and web optimization, ensuring high-quality, brand-compliant visuals every time.

This elite skill acts as an art director and implementation strategist for modern web development. It mandates an 'Image-First' workflow: first generating high-fidelity, premium design images for specific sections (e.g., hero, product features), deeply analyzing these visual references, and only then translating them into clean, structured, and highly implementable frontend code. It is designed to avoid generic AI clichés, ensuring results that are aesthetically superior, structurally sound, and ready for professional deployment.