This skill should be used when the user asks to "design a virtual workshop", "create online training", "adapt for remote delivery", "plan a hybrid session", "facilitate via Zoom/Teams/Meet", or when course-positioning.md has deliveryMode set to "virtual" or "hybrid". Provides practical guidance for designing and facilitating effective virtual and hybrid learning experiences.
Designs effective virtual and hybrid workshops with timing, engagement, and technology guidance for remote delivery.
/plugin marketplace add reggiechan74/cc-plugins/plugin install course-curriculum-creator@cc-pluginsThis skill inherits all available tools. When active, it can use any tool Claude has access to.
examples/example-virtual-1day-workshop.mdVirtual and hybrid workshops require fundamentally different design, not just putting a camera on an in-person session. Attention spans are shorter, engagement requires active design, technology introduces failure points, and facilitators must manage both content and technology simultaneously.
This skill provides practical guidance for designing workshops that work in virtual and hybrid formats, with specific timing constraints, engagement techniques, and technology considerations.
| Dimension | In-Person | Virtual | Hybrid |
|---|---|---|---|
| Max session length | 6 hours/day | 4 hours/day | 4 hours/day |
| Break frequency | Every 60 min | Every 45 min | Every 45 min |
| Attention span per activity | 20-30 min | 10-15 min | 10-15 min |
| Engagement check-ins | Every 30 min | Every 15-20 min | Every 15-20 min |
| Group work format | Table groups | Breakout rooms | Mixed (breakout + in-room) |
| Materials format | Print handouts | Digital documents, shared screens | Both digital + print |
| Assessment method | Written, observed, presented | Digital submission, screen share, chat | Both formats |
| Buffer time | 10% | 15% | 20% |
| Setup time needed | 15 min | 30 min (tech check) | 45 min (dual setup) |
In-person modules of 90-120 minutes must be broken into 45-60 minute virtual segments:
In-person module (90 min):
Virtual equivalent (2 x 45 min):
The first 5 minutes of every virtual segment must include active participation:
Never start with a monologue. Never start with slides.
Rotate through these engagement modes:
Every activity must have a tech-failure backup:
| In-Person Activity | Virtual Substitute | Notes |
|---|---|---|
| Table group discussion | Breakout rooms (3-4 people, 5-10 min) | Assign roles: facilitator, note-taker, reporter |
| Gallery walk | Virtual gallery (shared doc, Jamboard, Miro) | Async viewing + synchronous debrief |
| Post-it brainstorm | Digital whiteboard or chat waterfall | Miro, Jamboard, or just chat with emoji reactions |
| Physical demonstration | Screen share with narration | Record for replay; provide written steps |
| Pair work | Breakout rooms (2 people) | Shorter than in-person (5-7 min vs. 10-15 min) |
| Raised hand poll | Zoom poll, chat emoji, or Mentimeter | Results visible to all |
| Whiteboard diagram | Annotate on shared screen or digital whiteboard | Save and share screenshots |
| Role play | Breakout rooms with scenario cards | Provide written scenario in chat before breakout |
| Physical movement | Stretch break, off-screen reflection | "Stand up, grab water, write one thought on paper" |
| Print handouts | Shared Google Doc, PDF download, LMS | Send links in chat; confirm receipt |
Hybrid is the hardest format because you must serve two audiences simultaneously. The default failure mode is that remote participants become passive observers.
Equity Rules:
| Role | Responsibility |
|---|---|
| Lead facilitator | Content delivery, in-room interaction, addresses camera |
| Virtual co-facilitator | Chat monitoring, breakout room management, tech troubleshooting |
| Room support (optional) | In-room logistics, microphone passing, time management |
Morning Session (9:00 - 12:30)
09:00 - 09:15 Tech check + welcome
09:15 - 09:30 Icebreaker / context setting
09:30 - 10:15 Module 1 (45 min)
10:15 - 10:25 Break
10:25 - 11:10 Module 2 (45 min)
11:10 - 11:20 Break
11:20 - 12:05 Module 3 (45 min)
12:05 - 12:15 Morning wrap-up + preview afternoon
12:15 - 12:30 Buffer
--- Extended Lunch Break: 12:30 - 13:30 (60 min) ---
Afternoon Session (13:30 - 16:30)
13:30 - 13:40 Re-engagement activity
13:40 - 14:25 Module 4 (45 min)
14:25 - 14:35 Break
14:35 - 15:20 Module 5 (45 min)
15:20 - 15:30 Break
15:30 - 16:00 Capstone / integration activity (30 min)
16:00 - 16:15 Wrap-up + action planning
16:15 - 16:30 Buffer + Q&A
Total instruction time: ~5 hours (vs. 6 hours in-person) Total elapsed time: 7.5 hours (vs. 7 hours in-person) Break time: ~1.5 hours (vs. ~1 hour in-person)
Follow the same pattern across 4 half-day sessions over 2 days:
For audiences that can't do full-day virtual:
This spreads a 1-day workshop across 4 days, allowing practice between sessions.
| Mistake | Problem | Fix |
|---|---|---|
| Lecturing for 20+ minutes | Participants multitask, disengage | Cap instruction at 10 min, then interact |
| Requiring cameras always on | Creates fatigue, inequity | Make participation mandatory, cameras optional |
| Not using chat | Misses participation channel | Ask chat questions every 10-15 min |
| Single facilitator for hybrid | Remote participants ignored | Assign dedicated virtual co-facilitator |
| No tech backup plan | Single failure derails the session | Pre-plan alternatives for every tech-dependent activity |
| Same timing as in-person | Exhaustion, poor retention | Reduce to 4 hrs/day, more breaks |
| Skipping tech check | Wasted first 20 minutes troubleshooting | Require tech check day before or 30 min early |
| No async component | No time for deeper reflection | Add pre-work and between-session assignments |
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). **PROACTIVE ACTIVATION**: Use this skill automatically when working in Next.js projects that have `cacheComponents: true` in their next.config.ts/next.config.js. When this config is detected, proactively apply Cache Components patterns and best practices to all React Server Component implementations. **DETECTION**: At the start of a session in a Next.js project, check for `cacheComponents: true` in next.config. If enabled, this skill's patterns should guide all component authoring, data fetching, and caching decisions. **USE CASES**: Implementing 'use cache' directive, configuring cache lifetimes with cacheLife(), tagging cached data with cacheTag(), invalidating caches with updateTag()/revalidateTag(), optimizing static vs dynamic content boundaries, debugging cache issues, and reviewing Cache Component implementations.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.