Skill UI

This skill provides comprehensive guidance on leveraging d3.js (Data-Driven Documents) to create sophisticated, interactive, and publication-quality data visualizations. It covers core concepts like data binding, implementing various chart types (network graphs, geo-maps, etc.), handling complex transitions, and ensuring responsiveness across modern JavaScript frameworks (React, Vue, Vanilla JS). Learn the standard workflow for scale definition, axis creation, and drawing custom visual elements with fine-grained control.

Guides building bespoke interactive data visualizations with d3.js across vanilla or framework-based JavaScript, covering custom layouts, transitions, and responsive sizing.

This guide provides comprehensive best practices for creating high-quality videos using Remotion within a React environment. It covers advanced techniques for dynamic content generation, including integrating 3D models (Three.js), managing diverse assets like audio, video, and fonts, implementing complex animations, data visualization, and generating precise captions. Use this skill when developing professional, robust video generation workflows in React.

This skill generates code to create complex, interactive 3D scenes and visualizations on the web using the Three.js library and WebGL. It covers the entire development lifecycle, including setting up the core components (Scene, Camera, Renderer), defining geometry, applying materials, adding lighting, and implementing animation loops. Ideal for web developers needing to display product mockups, scientific data visualizations, or immersive user experiences.

Defines a Markdown/Mermaid-first documentation skill for scientific and technical writing, providing diagram standards, 24 reference types, and templates so every report, README, or analysis stays text-first, versionable, and visualization-ready.

Offers MATLAB and GNU Octave guidance for matrix math, data import/export, visualizations, statistics, signal processing, differential equations, and general scripting—helpful when writing or translating MATLAB/Octave code and running scripts under either interpreter.

Guides using matplotlib to craft static, animated, and interactive plots through both pyplot and object-oriented APIs, detailing styling, subplots, and export options for publication-ready scientific workflows.

Python framework for multi-objective optimization, offering NSGA-II/III, MOEA/D, benchmark suites, customizable operators, and visualization to help engineering teams explore Pareto fronts and make multi-criteria decisions.

Creates and validates Mermaid diagrams across 20+ types, renders SVG/PNG/ASCII, enforces curated styling, and supports batch rendering with themes; ideal for architecture, flow, and ERD visualization requests.

Master the creation and manipulation of 3D geometry within the Three.js framework. This guide covers built-in primitive shapes (Box, Sphere, Cylinder), advanced procedural geometries (Extrude, Tube, TorusKnot), and text visualization. Crucially, it details the use of BufferGeometry, allowing developers to store vertex, normal, UV, and color data in optimized typed arrays for high-performance rendering and custom mesh construction.

Manim is a powerful Python library used for creating high-quality mathematical and scientific animations. This skill facilitates the generation of educational videos and complex visualizations for presentations. It is ideal for researchers, educators, or content creators who need to visualize complex concepts in an engaging animated format. Note: This specific file is related to localization/translation.

Extracts business domain knowledge from a codebase, optionally reusing an existing knowledge graph, and generates an interactive horizontal flow graph for dashboard visualization, with lightweight scanning and validation steps.