Implements HTMX interactions, configures swap behaviors, debugs hx-* requests, and builds hypermedia-driven UI components. Use when tasks involve hx-* attributes, HTMX AJAX requests, swap strategies, server-sent events, WebSockets, or hypermedia-driven UIs.

Build email templates with @react-email/components (v1.0+) and render them server-side for Resend or any email provider. Use this skill whenever creating, editing, debugging, or reviewing React Email templates — even for simple tasks like 'add a button to the welcome email' or 'create a password reset email'. The skill contains critical email client compatibility rules (no flexbox, no rem units, pixelBasedPreset requirement, Outlook conditional comments) that prevent broken rendering in production. Triggers on: React Email components, email templates, @react-email/components imports, Tailwind in emails, email layout, email styling, Html/Head/Body/Container/Section/Row/Column/Text/Button/Img/Link/Hr/Preview components, render() from @react-email/render, PreviewProps, pixelBasedPreset, email client compatibility, Outlook rendering, Gmail rendering.

Metis Strategy brand identity reference for agents producing any client-facing or internal output on behalf of Metis Strategy. Use this skill whenever you are creating, editing, or reviewing a deliverable that needs to look, feel, or sound like Metis Strategy — including presentations, documents, reports, emails, social content, or visual assets. Trigger on requests like "make this on-brand," "use Metis colors," "apply our brand," "format this for Metis," or any task where the output represents Metis Strategy to clients, prospects, or the public.

Guide for setting up secured VS Code dev containers for coding agents. Use when creating or hardening a DevContainer to sandbox Claude Code or other coding agents, configuring Docker socket proxies, handling VS Code IPC escape vectors, setting up git worktree support, or verifying security controls. Covers threat model, three-layer defence architecture, Node.js/pnpm setup, and verification testing.

Comprehensive React Flow (@xyflow/react) patterns and best practices for building node-based UIs, workflow editors, and interactive diagrams. Use when working with React Flow for (1) building flow editors or node-based interfaces, (2) creating custom nodes and edges, (3) implementing drag-and-drop workflows, (4) optimizing performance for large graphs, (5) managing flow state and interactions, (6) implementing auto-layout or positioning, or (7) TypeScript integration with React Flow.

Python API for MISP threat intelligence platform enabling programmatic access to MISP instances.

Pythonic task execution library for managing shell-oriented subprocesses and organizing executable Python code into CLI-invokable tasks

Type-safe search params state manager for Next.js - Like React.useState, but stored in the URL query string

A memory-based implementation of Node.js fs module for testing purposes

The lodash method sum exported as a module for computing the sum of values in an array.

JavaScript and TypeScript client library for interacting with Gradio APIs, providing methods to connect to, submit predictions to, and manage connections with Gradio applications.

Creates a WebGL context without a window for headless rendering and server-side graphics

Babel plugin that automatically adds displayName properties to React class components created with createClass

Helper function to get function arity by analyzing parameter lists for assignment patterns and rest parameters