Visual Storyteller
Use this agent when creating visual narratives, designing infographics, building presentations, or communicating complex ideas through imagery. This agent specializes in transforming data and concepts into compelling visual stories that engage users and stakeholders. Examples:\n\n \nContext: Creating app onboarding illustrations
- Type
- Plugin
- Repository
- ccplugins/awesome-claude-code-plugins
- GitHub stars
- 954
- License
- Apache-2.0
- Repo last updated
- Aug 12, 2026
- Version
- 1.0.0
- Author
- Michael Galpert
What Visual Storyteller is
Visual Storyteller is a plugin published in the ccplugins/awesome-claude-code-plugins repository on GitHub, which has about 954 stars. The repository describes itself as: “Awesome Claude Code plugins — a curated list of slash commands, subagents, MCP servers, and hooks for Claude Code”
A plugin is a package that bundles skills, slash commands, subagents, hooks, and MCP connectors so they install together. Plugins are plain files with a manifest at .claude-plugin/plugin.json, and they work in both Claude Code and Claude Cowork.
Installing Visual Storyteller adds everything it ships in one step. Connectors inside a plugin still need to be connected separately, and hooks and subagents only run in Cowork and Claude Code, not in regular chat.
How to install Visual Storyteller
Claude Code
- Add the repository as a plugin marketplace: claude plugin marketplace add ccplugins/awesome-claude-code-plugins
- Install the plugin: claude plugin install visual-storyteller@<marketplace-name>, using the marketplace name from the repository's .claude-plugin/marketplace.json.
- Restart the session if the new skills or commands don't appear straight away.
Claude Cowork
- Open Customize → Plugins and choose Add marketplace.
- Enter ccplugins/awesome-claude-code-plugins (the owner/repo shorthand works for GitHub).
- Find Visual Storyteller in the list, click Install, then connect any connectors it needs from its Connectors tab.
New to extending Cowork? Our plugins guide and Customize guide explain how skills, plugins, and connectors fit together.
Inside the source file
We couldn't retrieve the source file for this entry. Browse the repository on GitHub to find it and read the README before installing.
Before you install
- Read the whole file first. Skills, commands, and subagents are instructions Claude will follow, so make sure they match what you want.
- Check which tools, scripts, or MCP servers it uses. Local servers and scripts run with your permissions.
- Try it in a test project or a copy of your files before pointing it at real work.
- Pin the version you tested, and review changes before updating.
- Watch for instructions that fetch web content or run shell commands; those are where prompt injection risks start. See our prompt injection guide.
FAQ
What is Visual Storyteller?
Visual Storyteller is a plugin for Claude Code and Claude Cowork from the ccplugins/awesome-claude-code-plugins repository on GitHub. Use this agent when creating visual narratives, designing infographics, building presentations, or communicating complex ideas through imagery. This agent specializes in transforming data and concepts into compelling visual stories that engage users and stakeholders. Examples:\n\n \nContext: Creating app onboarding illustrations
How do I install Visual Storyteller in Claude Code?
Add the repository as a plugin marketplace: claude plugin marketplace add ccplugins/awesome-claude-code-plugins Install the plugin: claude plugin install visual-storyteller@<marketplace-name>, using the marketplace name from the repository's .claude-plugin/marketplace.json. Restart the session if the new skills or commands don't appear straight away.
Can I use Visual Storyteller in Claude Cowork?
Open Customize → Plugins and choose Add marketplace. Enter ccplugins/awesome-claude-code-plugins (the owner/repo shorthand works for GitHub). Find Visual Storyteller in the list, click Install, then connect any connectors it needs from its Connectors tab.
Is Visual Storyteller safe to install?
It is a third-party community resource, not reviewed by Anthropic or this site. Read the source file first, check which tools and connectors it uses, and install only from sources you trust.
Similar resources
- Legal Advisor Use this agent when you need legal advisory, compliance documentation, RFP response creation, and enterprise contract support for B2B applications. This agent specializes in legal document creation, regulatory analysis, enterprise procurement compliance, and RFP winning strategies. Transforms complex legal requirements into competitive advantages. Examples: Plugin · ccplugins/awesome-claude-code-plugins
- Mobile Ux Optimizer Use this agent when you need to optimize UI/UX components or interfaces for mobile-first experiences, analyze existing design themes, or ensure mobile usability standards are met. Examples: Context: User has created a desktop-focused component and needs it optimized for mobile. user: 'I've built this navigation component but it's not working well on mobile devices' assistant: 'Let me use the… Plugin · ccplugins/awesome-claude-code-plugins
- Mobile App Builder Use this agent when developing native iOS or Android applications, implementing React Native features, or optimizing mobile performance. This agent specializes in creating smooth, native-feeling mobile experiences. Examples:\n\n \nContext: Building a new mobile app\nuser: "Create a TikTok-style video feed for our app"\nassistant: "I'll build a performant video feed with smooth scrolling. Let me… Plugin · ccplugins/awesome-claude-code-plugins
- Monitoring Observability Specialist Use this agent when you need to implement comprehensive monitoring, observability, and alerting systems for enterprise B2B applications. This agent specializes in APM, logging, metrics, distributed tracing, SLA monitoring, and proactive incident management for business-critical systems. Examples: Plugin · ccplugins/awesome-claude-code-plugins
- Web Dev Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are… Plugin · ccplugins/awesome-claude-code-plugins
- Vision Specialist Expert in vision models, OCR systems, barcode detection, and visual AI. Stays current with latest models (GPT-4V, Claude Vision, Mistral-OCR, etc.), optimization techniques, and specialized libraries. Use PROACTIVELY for image processing, document analysis, or visual AI tasks. Plugin · ccplugins/awesome-claude-code-plugins
- Whimsy Injector PROACTIVELY use this agent after any UI/UX changes to ensure delightful, playful elements are incorporated. This agent specializes in adding joy, surprise, and memorable moments to user experiences. The agent should be triggered automatically when design or interface updates are made. Examples:\n\n \nContext: After implementing new features or UI components\nuser: "I've added the new onboarding… Plugin · ccplugins/awesome-claude-code-plugins
- Ux Researcher Use this agent when conducting user research, analyzing user behavior, creating journey maps, or validating design decisions through testing. This agent specializes in understanding user needs, pain points, and behaviors to inform product decisions within rapid development cycles. Examples:\n\n \nContext: Understanding user needs for a new feature Plugin · ccplugins/awesome-claude-code-plugins