Skip to content
cccskills

Results for “visual”

3.6K skills · sorted by relevance

Turn source text and data into infographics, images that explain information visually. The skill recommends combinations of 21 layouts and 22 visual styles, then generates images with a chosen language and aspect ratio.

  • Illustrating a process or timeline
  • Comparing products across several criteria
  • Turning metrics into a visual dashboard
JimLiu/baoyu-skills26.8KUpdated Sep 11, 2026

baoyu-diagram

FreeSummary

Turn system structures, processes, and concepts into dark-themed diagrams. Create architecture diagrams, flowcharts, timelines, and other visual explanations as scalable SVG files, with PNG versions for use as images.

  • Explain system components and their connections
  • Map process steps and decision branches
  • Show interactions in chronological order
JimLiu/baoyu-skills26.8KUpdated Sep 11, 2026

Work with Handsontable row and column positions by distinguishing source data, displayed order, and rendered cells. It guides index conversion and helps investigate misplaced data when sorting, filtering, hiding, or moving rows and columns.

  • Investigating misplaced rows or columns
  • Converting between source and displayed indexes
  • Combining filters with manual column movement
handsontable/handsontable22.1KUpdated Oct 20, 2026

visual-testing

FreeSummary

Create Playwright tests that capture table appearance and compare screenshots with reference images using reg-suit. The skill covers checking each state before capture, adding demo routes, and choosing themes, browsers, and framework variants to test.

  • Checking table appearance after UI changes
  • Adding screenshot tests for a new feature
  • Comparing appearance across themes and browsers
handsontable/handsontable22.1KUpdated Oct 20, 2026

Webdesign

FreeSummary

Design web interfaces, build prototypes, and integrate changes into existing apps while respecting their visual rules and components. Choose direct code generation or Claude Code design commands, with an experimental browser canvas option for visual review.

  • Improve a landing page within an existing app
  • Design a dashboard using existing visual rules
  • Sync a codebase with Claude Design
danielmiessler/LifeOS19.5KUpdated Sep 4, 2026

canvas-design

FreeSummary

Create original posters and static artwork by first defining a visual direction for color, shape, space, and typography. Receive a Markdown design philosophy alongside a PNG or PDF artwork that communicates primarily through visuals.

  • Create an original poster
  • Express a theme through abstract artwork
  • Develop a visual direction and finished artwork
composio-community/awesome-codex-skills17KUpdated Jul 26, 2026

tensorboard

FreeSummary

Use TensorBoard to visualize training loss and accuracy, compare experiments, and inspect model structure. Guides logging for PyTorch and TensorFlow, including weight distributions and performance profiling to investigate training problems and processing bottlenecks.

  • Monitoring training loss and accuracy
  • Comparing experiments with different training settings
  • Inspecting weight and gradient distributions
Orchestra-Research/AI-Research-SKILLs13.7KUpdated Oct 11, 2026

diagramming-code

FreeSummary

Create Mermaid diagrams from code relationships parsed by Trailmark. Visualize function calls, class inheritance, module dependencies, class members, complexity hotspots, and paths from inputs to sensitive functions, with adjustable focus, depth, and layout.

  • Mapping function calls around a selected function
  • Visualizing class inheritance and members
  • Drawing module dependency maps
trailofbits/skills7.7KUpdated Oct 20, 2026

design-qa

FreeSummary

Compares a prototype’s rendered screens with its source design to find differences in typography, spacing, colors, images, and text. Produces prioritized fixes and records visual evidence from follow-up checks before handoff.

  • Check a prototype against its Figma source before handoff
  • Compare an image-based build with the original visual
  • Review visual differences across screen sizes and states
openai/plugins7.5KUpdated Oct 8, 2026

Design tests for charts, dashboards, and interactive diagrams. Combine data checks, component tests, screenshot comparisons, and end-to-end workflows to catch incorrect values, broken interactions, and visual changes while keeping tests stable.

  • Choose test coverage for a chart component
  • Set up stable screenshot comparisons for a dashboard
  • Verify mobile interactions and degraded network states
openai/plugins7.5KUpdated Oct 8, 2026

Design and build visual stories where scrolling changes charts, maps, or video. Plan meaningful scene transitions, choose suitable implementation tools, and provide mobile layouts and static alternatives for readers who prefer reduced motion.

  • Build a story with charts that change as readers scroll
  • Create a timeline combining maps and video
  • Compare scrolling narratives with step-by-step displays
openai/plugins7.5KUpdated Oct 8, 2026

Routes web visualization work to suitable specialist skills, from chart selection and critique to maps, dashboards, and software diagrams. Helps plan readable views, mobile interactions, accessible controls, shareable state, exports, and testing around the question the data should answer.

  • Choose a chart that answers a specific question
  • Improve dashboard readability
  • Design maps and project timelines
openai/plugins7.5KUpdated Oct 8, 2026

Collect structured Google Images search results through the BrowserAct API. Set keywords, country, language, scrolling, and result limits to obtain titles, thumbnail URLs, source names, source logos, and destination links for visual research.

  • Find visual references for a topic
  • Research competitor product imagery
  • Compare image results across countries and languages
browser-act/skills6.2KUpdated Aug 24, 2026

Diagnose unnecessary rebuilds in MSBuild by examining build logs, file timestamps, and declared inputs and outputs. Identify why work repeats, guide fixes when requested, and verify that a second unchanged build skips the expected targets.

  • Investigating rebuilds when no files changed
  • Reviewing inputs and outputs on custom targets
  • Checking generated files and cleanup behavior
dotnet/skills5.7KUpdated Oct 20, 2026

Design system and templates for interactive HTML/SVG visuals in Claude and Codex, using an available inline renderer or a standalone HTML file. Use this skill whenever the user wants visual or interactive output rather than plain text or markdown: charts and dashboards, diagrams, flowcharts and architecture drawings, mockups, comparison grids, illustrations, interactive explainers ("explain how X works" with a visual), or tools with sliders, toggles, and live-updating displays — including financial data shown visually and requests phrased as "show me", "visualize", "draw", or "chart this".

The English summary is being prepared. Showing the original description.

himself65/finance-skills3.4KUpdated Oct 19, 2026

Use this skill when planning, redesigning, or reviewing Xiaohongshu carousel visuals, covers, 3:4 image posts, page-by-page visual direction, image-generation prompts, style selection, layout critique, or XHS captions. It acts as a senior visual director for 小红书图文, not a generic copywriting assistant.

The English summary is being prepared. Showing the original description.

ziguishian/xhs-visual-director-skill1.4KUpdated Jul 3, 2026

R visual creation and ggplot2 patterns for PBIR reports. Automatically invoke when the user mentions "R visual", "ggplot2", "ggplot in Power BI", or asks to "create an R visual", "add an R chart", "write an R visual script", "inject an R script into Power BI".

The English summary is being prepared. Showing the original description.

data-goblin/power-bi-agentic-development1.1KUpdated Oct 18, 2026

When the user wants to plan, create, or repurpose visual content (images, infographics, social post images) across channels. Also use when the user mentions "content images," "social media images," "infographic," "visual content," "post image," "image specs," "visual repurposing," "content visuals," or "image for social post." For Pinterest, use pinterest-posts.

The English summary is being prepared. Showing the original description.

kostja94/marketing-skills1.1KUpdated Oct 6, 2026

The creation of effective visualizations is a fundamental component of data analysis. In biomedical research, new challenges are emerging to visualize multi-dimensional data in a 2D space, but current data visualization tools have limited capabilities. To address this problem, we leverage Gestalt principles to improve the design and interpretability of multi-dimensional data in 2D data visualizations, layering aesthetics to display multiple variables. The proposed visualization can be applied to

The English summary is being prepared. Showing the original description.

bioMate-AI/biomate-bioconductor-kb797Updated Jun 21, 2026

Builds dashboards, reports, and data-driven interfaces requiring charts, graphs, or visual analytics. Provides systematic framework for selecting appropriate visualizations based on data characteristics and analytical purpose. Includes 24+ visualization types organized by purpose (trends, comparisons, distributions, relationships, flows, hierarchies, geospatial), accessibility patterns (WCAG 2.1 AA compliance), colorblind-safe palettes, and performance optimization strategies. Use when creating visualizations, choosing chart types, displaying data graphically, or designing data interfaces.

The English summary is being prepared. Showing the original description.

ancoleman/ai-design-components525Updated Dec 11, 2025

Mastery of AI image generation across the full spectrum: Midjourney for aesthetic perfection, Flux for prompt adherence, DALL-E 3 for concept clarity, Stable Diffusion for control, and Imagen 3 for photorealism. This skill transforms text into visual reality at the speed of thought. We've moved beyond "AI can make pictures" to "AI is the fastest concept artist, product photographer, and visual designer ever created." The skill isn't just prompting—it's understanding how each model thinks, what makes images work, and how to systematically produce exactly what you envision. The best AI image generators have internalized composition, lighting, color theory, and style—not by studying art, but by generating thousands of images and learning what works. They're visual directors who happen to work in text. Use when "AI image, generate image, Midjourney, DALL-E, Flux, Stable Diffusion, Imagen, text to image, AI art, AI photo, AI illustration, AI visual, AI graphics, generate picture, ai-image, midjourney, dall-e, flux, stable-diffusion, imagen, generation, text-to-image, visual, art" mentioned.

The English summary is being prepared. Showing the original description.

omer-metin/skills-for-antigravity168Updated Jan 22, 2026

The enhancement layer for AI-generated content. This skill covers AI-powered visual effects, compositing, upscaling, restoration, and post-production magic—turning raw AI output into polished, professional content. AI generation gets you 80% of the way. Visual effects get you the remaining 20% that separates "clearly AI" from "how did they do that?" This skill covers ComfyUI workflows, Runway's AI tools, intelligent upscaling, rotoscoping, color grading, and the integration of AI elements into traditional footage. The practitioners of this skill are technical artists who understand both traditional VFX workflows and the new AI-native approaches that are revolutionizing post-production. Use when "AI visual effects, VFX, upscale, upscaling, composite, rotoscope, background removal, color grade, inpaint, outpaint, style transfer, enhance, ComfyUI, post-production AI, vfx, visual-effects, compositing, upscaling, post-production, comfyui, enhancement, color-grading" mentioned.

The English summary is being prepared. Showing the original description.

omer-metin/skills-for-antigravity168Updated Jan 22, 2026

The ultimate brand asset: a consistent, explorable universe generated by AI. This skill covers creating coherent brand worlds, consistent characters, architectural spaces, and visual universes that serve as the foundation for all marketing content. Traditional brand building creates guidelines. AI world building creates explorable realities. Characters with consistent personalities across thousands of images. Environments that feel like real places. Visual languages so coherent that any new asset feels like it belongs. This is where AI generation meets universe design. The practitioners of this skill don't just create images—they create the DNA that generates infinite consistent images. They build the source code for visual worlds. Use when "world building, brand world, universe, consistent character, character design, visual language, brand universe, style bible, world bible, coherent assets, character sheet, environment design, world-building, universe, character-design, consistency, visual-language, brand-world, style-guide" mentioned.

The English summary is being prepared. Showing the original description.

omer-metin/skills-for-antigravity168Updated Jan 22, 2026

Use when asked to audit UI for visual quality, check design consistency, review brand alignment, evaluate design system compliance, or find visual issues before a launch. Examples: "audit our UI", "check visual consistency", "review the design for issues", "is our UI on-brand", "find visual bugs", "design QA before launch".

The English summary is being prepared. Showing the original description.

tonone-ai/tonone76Updated Oct 15, 2026