Skill UI

A specialized tool for generating publication-quality, editable SVG diagrams from structured JSON specifications (FigureSpec). Use this when you need formal representations of system architectures, complex workflows, pipelines, or audit cascades. Key features include deterministic rendering (same spec always yields same SVG), full editability, and robust support for structured technical diagrams.

This skill converts complex technical descriptions, such as system architectures, data flow diagrams, flowcharts, and sequence diagrams, into professional, production-quality SVG diagrams. It supports various technical models, including Agent and Memory architectures, and exports the final output as high-resolution PNG files for seamless documentation and presentation use.

This skill provides a comprehensive workflow for managing Lucidchart documents and diagrams using the REST API. Users can programmatically execute the full lifecycle: creating new documents, adding complex shapes and connectors via the Standard Import format, modifying existing content, and exporting the final diagram into high-resolution formats like PNG, PDF, or SVG. Ideal for automated diagram generation and content lifecycle management.

Designs a scalable, version-controlled integration layer for the Lucidchart platform. This architecture tracks every shape mutation for diffing and rollback, implements real-time collaboration event consumption, and manages asynchronous export pipelines (PNG/SVG/PDF) using dedicated worker pools and caching strategies. Ideal for developing robust SaaS integrations requiring rigorous data synchronization.

Generates a complete, self-contained HTML dashboard for analytics, admin, or control panel views. It structures the layout with a fixed sidebar, top navigation, KPI cards, and detailed charts (using inline SVG). Ideal when the brief requires visualizing key metrics, performance over time, or operational statistics.

Use this comprehensive skill to generate, manipulate, and export draw.io diagrams. It converts diagrams into native .drawio files and allows exporting to high-quality formats like PNG, SVG, and PDF. Crucially, it embeds the editable XML data, ensuring the resulting diagrams are professional, scalable, and easily integrated into documents.

An expert-level playbook covering non-obvious XSS techniques, advanced payload selection across various sinks (DOM, SVG, HTML attributes, JavaScript), and sophisticated defense bypass strategies. Use this guide for real-world penetration testing, including WAF bypass, CSP bypass, HttpOnly bypass, and XS-Leaks side channel exploitation. It assumes deep knowledge of web vulnerability mechanics.

A comprehensive, expert-level playbook covering XML External Entity (XXE) vulnerabilities. This guide details advanced attack techniques across multiple contexts, including SOAP, REST, SVG, and Office files. Key topics covered include blind detection, out-of-band (OOB) data exfiltration, local file reading (e.g., /etc/passwd), and chaining XXE to achieve SSRF or RCE.

This skill generates comprehensive Entity Relationship Diagrams (ERDs) and database schemas as D2 source code from an existing Entity Framework Core codebase. It analyzes DbContexts, DbSet declarations, Fluent API mappings, and migrations to accurately visualize tables, columns, primary/foreign keys, relationships (including many-to-many joins), owned types, and constraints. The output is a structured .d2 file, suitable for rendering into SVG or PNG, helping developers document the persistence model.

Generate inline SVG graphics using DAX measures that return SVG markup strings for Power BI reports. Supports table, matrix, card, image, and slicer visuals. Includes templates for common chart types and guidance on using UDF libraries.

A comprehensive guide for designing futuristic, tactical Heads-Up Displays (HUDs) and user interfaces. This skill provides core principles, visual DNA, and ready-to-implement code snippets for Web (CSS/SVG), App (SwiftUI), and Mobile (Flutter) platforms. Perfect for creating high-tech, sci-fi, or military-themed dashboards, featuring circular radars, minimalist strokes, and technical monospace typography.

A sophisticated, dark-themed presentation template designed for AI-native projects, knowledge graphs, or deep technical deep dives. It features a gradient cover with floating orbs and an interactive SVG force-directed graph, complemented by JetBrains Mono code highlighting and modern glassmorphism elements for section slides. Perfect for tech talks and product launches.