Visual Design

Coordinate mermaid diagrams, stock imagery, AI visuals, and accessible color palettes for presentation slides.

49|13|Updated Dec 4, 2025

Search Tags:#accessibility #mermaid #slides #visual-design #color-palettes #ai-image-generation #stock-photos

Ready to run

npx skills add https://github.com/rhuss/cc-slidev --skill visual-design-rhuss

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: Visual Design
Source: https://github.com/rhuss/cc-slidev/tree/main/skills/visual-design
Command: npx skills add https://github.com/rhuss/cc-slidev --skill visual-design-rhuss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Visual design for presentations can be time-consuming and error-prone without a cohesive system for diagrams, imagery, and theming that ensures readability and accessibility.

Core Features & Use Cases

Mermaid diagrams for clear visualizations on slides.
Stock photography and AI-generated imagery aligned to brand palettes and tone.
Visual theming, color palettes, and layout guidance to keep slides cohesive across decks.

Quick Start

Create a themed slide deck with a Mermaid diagram and one supporting image that aligns with the corporate color palette.

Frequently Asked Questions about Visual Design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I improve slide visuals with cohesive mermaid diagrams and brand-matched imagery?▼

Yes, you can generate AI images for presentations while enforcing accessibility standards. The skill aligns AI-generated visuals and stock photography with your corporate color palette, ensuring cohesive and accessible slide theming.

What is the best way to create accessible color palettes for presentation slides?▼

The best way to create accessible color palettes is by applying enforced accessibility standards to your visual theming. This skill coordinates brand-consistent color schemes across Mermaid diagrams and imagery to maintain slide readability.

How do I add Mermaid diagrams to a marketing deck without breaking the visual theme?▼

To add Mermaid diagrams without breaking visual theming, the skill coordinates diagram colors with your brand palette and supporting imagery. This ensures marketing slides remain visually cohesive across the entire deck.

Can I use AI-generated visuals and stock photos together in the same presentation?▼

Yes, you can use AI-generated visuals and stock photos together. The skill aligns both imagery types to your brand's tone and color palette, providing cohesive visual theming across all presentation slides.

Does this visual design approach support technical talks and training decks?▼

Yes, this visual design approach explicitly supports technical talks and training decks. It provides cohesive Mermaid diagrams, accessible color schemes, and aligned imagery to ensure clear visualizations and readability for instructional content.