dev-slides

Skill do tworzenia prezentacji technicznych w Slidev — frameworku opartym na Vue. Piszesz slajdy w Markdown, a narzędzie generuje gotową strukturę z blokami kodu, diagramami i komponentami Vue. Idealne do warsztatów, wykładów i onboardingu zespołu. Obsługuje edytowalne bloki kodu Monaco, różne layouty (cover, intro, two-cols, image-right) i animacje kodu krok po kroku. Generuj slajdy z live demo, bez konieczności ręcznego formatowania.

1. 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).

2. 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ść.

3. 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ą.

4. 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.

5. 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.

6. 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.