dev-slides
Create developer-friendly presentations using Slidev - Vue-powered slides with code execution
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Create developer-friendly presentations using Slidev - Vue-powered slides with code execution
How to use
Opisz swoją prezentację techniczną — podaj temat, cele i rodzaj slajdów, które chcesz stworzyć (np. warsztat Vue.js, talk o architekturze, onboarding nowych deweloperów).
Skill wygeneruje kod Markdown w formacie Slidev z prawidłową składnią — slajdy będą oddzielone separatorami (---), a każdy będzie zawierać odpowiedni layout i treść.
Wykorzystaj dostępne layouty do strukturyzacji — cover do tytułu, intro do wprowadzenia, center do wyróżnienia, two-cols do porównań, image-right do treści z ilustracją.
Dodaj bloki kodu z animacją — oznacz linie do podświetlenia (np. {all|1|2-3|4}), aby kod odsłaniał się krok po kroku podczas prezentacji.
Włącz edytowalne bloki Monaco — użyj {monaco} dla kodu do edycji na żywo lub {monaco-run} dla kodu do uruchomienia bezpośrednio na slajdzie.
Skopiuj wygenerowany Markdown do pliku .md w projekcie Slidev i uruchom prezentację — slajdy będą gotowe do wyświetlenia z live demo i interaktywnymi elementami.