3.6K skills · sorted by relevance
Review visual design choices before creating or styling web pages, components, apps, dashboards, or interactive reports. It flags repetitive colors, typography, layouts, and motion patterns to avoid, while keeping explicit user requests and other specified styles in control.
Find reusable visual effects, charts, titles, and other video elements, then install and integrate them into HyperFrames compositions. It explains how to place standalone scenes on a timeline and merge smaller effect snippets into existing HTML.
Guide the visual and storytelling choices for HyperFrames videos, including colors, fonts, composition, narration, and pacing. Use existing brand specifications or choose a visual style to give scenes a consistent look and rhythm.
Create static statistical charts from pandas tables to explore distributions, relationships, and group differences. Supports scatter plots, regression displays, pair plots, and heatmaps, with explicit choices for aggregation, uncertainty, missing data, and visual styling.
Turn article ideas into hand-drawn, 16:9 illustrations featuring Grav, a floating character. Plan image placement and visual metaphors, then generate white-background sketches with sparse English labels and review their consistency.
Map threat groups’ documented attack techniques in MITRE ATT&CK Navigator. Creates visual layers and heatmaps, compares groups, and highlights techniques missing from existing detection coverage to support security reporting and decisions about detection priorities.
Analyze disk images with Autopsy and The Sleuth Kit to recover deleted files, search content, and examine recorded activity. Build investigation timelines and visual reports that help stakeholders understand evidence from one or multiple disk images.
Create Mermaid diagrams from text to explain software structure, API interactions, workflows, and database relationships. The skill guides diagram selection, syntax, styling, and export, helping keep visual documentation editable and stored alongside code.
Build and operate AutoGPT agents that carry out multi-step workflows. Covers a visual editor for connecting processing blocks, scheduled and webhook triggers, deployment, execution monitoring, and benchmarks for evaluating agent performance.
Create mathematical and technical explainer videos with Manim Community Edition. The skill guides scene planning, animation code, rendering, and clip assembly to show equations, algorithms, system structures, and data through coordinated visuals.
Capture cmux windows as screenshots or video clips from the CLI. Create visual evidence for pull requests and bug reports, with region selection and captions to explain drags, animations, or layout changes.
Generate photos, illustrations, product mockups, and other bitmap images, or edit existing pictures with background changes, object removal, and transparent cutouts. Use reference images to guide variations and save selected assets for the project.
Build interactive dashboards, forms, and visualizations over the QM web interface using HTML, CSS, and JavaScript. Panels can send input to the conversation, update in place, or remain visible across sessions when requested.
Create artwork, product visuals, diagrams, and other images using the desktop's configured image provider. It also edits or combines supplied images and generates variations, turning requests into detailed instructions for composition, style, colors, and text.
Build image conversations with LLaVA, a model that connects image recognition with language. This skill guides setup, image descriptions, visual questions, and follow-up conversations, with examples for Python, command-line use, and a Gradio interface.
Set up W&B to record machine learning metrics and settings, visualize training progress, and compare experiments. Includes automated searches for training settings, version tracking for datasets and models, and shared reports for team collaboration.
Build AI agents by connecting workflow blocks in AutoGPT's visual editor. This skill covers multi-step automation, scheduled runs, webhooks that start work after external events, execution monitoring, and custom agent development.
Create Playwright tests that check user journeys in a browser. The skill organizes reusable page interactions, configures test environments, investigates intermittent failures using execution traces, and supports API mocking, visual comparisons, and automated pipeline integration.
Review an implemented frontend through a visual audit organized around six pillars. Get a Markdown report with a score from 1 to 4 for each pillar, covering a specified phase or the last completed phase.
Integrate charts and architecture diagrams into React or Next.js apps. Plan which parts run in the browser, separate rendering from application state, and address loading performance, mobile layouts, accessibility, and shareable views.
Design live monitoring dashboards with clear priorities, linked charts, and predictable update behavior. Covers mobile interactions, connection failures, and rendering performance so users can scan current conditions, spot anomalies, and explore details as data changes.
Create sparse vertical posters from themes, articles, or photos, using paper textures, generous empty space, experimental typography, and one accent color. It also analyzes visual references and produces reusable style rules and image generation prompts.
Plan and build frontend interfaces through guided questions, visual references, and agreed design choices. Define colors, typography, and layout before coding, then implement small sections for review, with optional Google Stitch prototyping.
Build visual sequences that move forward and backward with page scrolling. Use video, image frames, canvas, SVG, or HTML elements in a sticky stage, while preserving keyboard access, static alternatives, and predictable visual states.