Slidev Monaco Editor
Embed Monaco Editor (VS Code engine) into Slidev presentation slides for live coding demos, interactive code editing, auto-completion, and type hints during talks.
npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-monaco-editor| Installs | 113 |
|---|---|
| Repository | yoanbernabeu/slidev-skills ↗ |
What it does
Static code blocks in presentations cannot be edited or executed live
Who is it for?
Developers and educators presenting live coding demos in Slidev
When should I use this skill?
Creating a Slidev presentation that needs interactive code editing
What you get
Any code block becomes a full VS Code-like editor that attendees can interact with
- interactive presentation slides with live code editor
Related skills
Frontend DesignShip polished web UI—landing pages, dashboards, or React/HTML components—with a deliberate visual direction instead of generic template styling.559k148k
Vercel React Best PracticesApply Vercel’s prioritized React and Next.js performance rules while you write, review, or refactor UI so waterfalls, bundle bloat, and rerenders do not slip into production.485k27.7k
Remotion Best PracticesInstall this so your coding agent follows Remotion-safe patterns when you build programmatic marketing videos, demos, or render pipelines in React.378k3.5kVercel Composition PatternsGuide your coding agent through React UI work so new and refactored components use compound composition instead of growing boolean prop matrices.215k27.7k
ShadcnAdd accessible, customizable UI components to any React project without a heavy component library dependency.195k
Develop UserscriptsAuthor, debug, and publish Tampermonkey or ScriptCat userscripts with correct metadata, GM APIs, permissions, and ScriptCat-only background or subscription packaging.174k61