skills.rest
rhuss
rhussCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/rhuss/cc-slidev --skill visual-design-rhuss
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
GayanKavindaGayanKavinda

theme-factory

Apply predefined or custom color palettes and font pairings to presentation decks and documents.

Community
Intermediate
ale-alfaroale-alfaro

typst-slide-authoring

Build and refine Typst slide decks with Polylux/Helios style and Mermaid diagrams.

Community
Intermediate
OpenSenseNovaOpenSenseNova
4.9k

skills/sn-ppt-creative

Generate visual style and layout guidelines for PowerPoint presentations.

Official
Advanced
iOfficeAIiOfficeAI
31.8k

mermaid

Render Mermaid diagrams into SVG or ASCII from files or stdin.

Official
Intermediate