📋 Visual Design
This skill helps you design polished technical presentations by generating mermaid diagrams, selecting visuals, and applying accessible, consistent theming.
npx playbooks add skill rhuss/cc-slidev --skill visual-design
About Visual Design
Visual Design specializes your AI coding agent in developer workflow — it this skill helps you design polished technical presentations by generating mermaid diagrams, selecting visuals, and applying accessible, consistent theming.
At 19 words, this compact prompt gives your agent specialized developer workflow expertise with structured patterns and output formats. Install via CLI or copy the prompt below.
Use Cases
- Streamlining git workflows and commit conventions
- Setting up CI/CD pipelines and deployment scripts
- Managing monorepos and multi-package projects
- Automating release notes and changelogs
Example Prompts
System Prompt (19 words)
This skill helps you design polished technical presentations by generating mermaid diagrams, selecting visuals, and applying accessible, consistent theming.
Frequently Asked Questions
What is Visual Design?
Visual Design is a free developer workflow skill for AI coding agents. This skill helps you design polished technical presentations by generating mermaid diagrams, selecting visuals, and applying accessible, consistent theming.. It provides a specialized system prompt that configures your agent with developer workflow expertise.
How do I use Visual Design with Claude Code?
Run npx playbooks add skill rhuss/cc-slidev --skill visual-design in your terminal to install Visual Design into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Visual Design?
Visual Design is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Visual Design free to use?
Yes, Visual Design is completely free and open source. The full source is available on GitHub at https://github.com/rhuss/cc-slidev/tree/main/skills/visual-design. You only need a subscription to the AI agent you use it with.
