Loading...
Loading...
Found 683 Skills
Autonomous p5.js visualization agent. It implements, inspects, critiques design/UX, fixes, and launches the result.
Use when creating infographics, data visualizations, process diagrams, timelines, or comparisons - generates branded infographics using @antv/infographic with 114 templates across 7 categories. Triggers on "create infographic", "make infographic", "visualize data", "timeline", "process diagram".
This skill provides guidance for building workflow visualizations using Vercel AI Elements and React Flow. It should be used when implementing interactive node-based interfaces, workflow diagrams, or process flow visualizations in Next.js applications. Covers Canvas, Node, Edge, Connection, Controls, Panel, and Toolbar components.
Exploratory Data Analysis (EDA): profiling, visualization, correlation analysis, and data quality checks. Use when understanding dataset structure, distributions, relationships, or preparing for feature engineering and modeling.
ASCII diagram patterns for architecture, workflows, file trees, and data visualizations. Use when creating terminal-rendered diagrams, box-drawing layouts, progress bars, swimlanes, or blast radius visualizations.
Turn any concept into an animated explainer video using Manim (Python). Use whenever the user wants animated visualizations, motion graphics, or video output (MP4/GIF) for technical concepts. Covers: architecture animations, data flow visualizations, algorithm step-throughs, pipeline explainers, math proofs, comparisons, agent interactions, training loops, or any "animate X" / "make a video of X" request. Also trigger for existing Manim scene edits or re-renders. Trigger on: "create a video", "animate this", "make an explainer", "concept to video", "manim animation", "show this as a video", "motion graphic", "visualize this process", or any concept + video/animation output request. Use this skill even for casual "animate" requests about technical ideas.
A user-empowering data visualization Vue 3 components library for eloquent data storytelling. ALWAYS use when writing code importing "vue-data-ui". Consult for debugging, best practices, or modifying vue-data-ui, vue data ui.
Analyze trends and patterns in health data over a period of time. Correlate changes in medications, symptoms, vital signs, lab results, and other health indicators. Identify concerning trends, improvements, and provide data-driven insights. Use this when users ask about health trends, patterns, changes over time, or "What's changed with my health status?" Supports multi-dimensional analysis (weight/BMI, symptoms, medication adherence, lab results, mood and sleep), correlation analysis, change detection, and interactive HTML visualization reports (ECharts charts).
Use this skill when designing presentations, slide decks, or pitch materials. Triggers on "create a presentation", "design slides", "build a deck", "structure my talk", "make a pitch deck", "data visualization for slides", or any request involving slide layout, storytelling frameworks (Pyramid Principle, Hero's Journey, Problem-Solution-Benefit), narrative arc, speaker notes, or chart selection for presentations. Covers slide structure, visual hierarchy, data-driven storytelling, and deck architecture from executive summaries to conference keynotes.
FFmpeg-based 4-step video creation: Validate, Prepare, Encode, Verify. Use when user wants to combine a static image with audio to create an MP4 video, create a music video from cover art, or produce podcast/YouTube video from an image and audio file. Use for "image to video", "static video", "mp4 from image", "album art video", or "audio visualization". Do NOT use for video editing, live streaming, or generating images.
Use when the user needs HTML Canvas, SVG graphics, data visualization, generative art, or interactive visual elements with D3.js or similar libraries. Triggers: user says "canvas", "SVG", "chart", "data visualization", "D3", "generative art", "animation", "interactive graphics", drawing on screen.
Analyze Azure resource groups and generate detailed Mermaid architecture diagrams showing the relationships between individual resources. WHEN: create architecture diagram, visualize Azure resources, show resource relationships, generate Mermaid diagram, analyze resource group, diagram my resources, architecture visualization, resource topology, map Azure infrastructure.