slidev

Slidev to platforma do tworzenia prezentacji dla programistów, która łączy prostotę Markdown z mocą Vue i technologii webowych. Dzięki tej umiejętności Claude'a możesz szybko budować slajdy z kodem, animacjami, niestandardowymi layoutami i tematami. Obsługuje eksport do PDF, PPTX i PNG, a także interaktywne komponenty. Idealna dla developerów, którzy chcą tworzyć profesjonalne prezentacje bez opuszczania edytora tekstu.

1. Zainstaluj Slidev, uruchamiając w terminalu komendę pnpm create slidev (lub npm init slidev, yarn create slidev, bun create slidev w zależności od menedżera pakietów). Alternatywnie możesz spróbować online na https://sli.dev/new bez instalacji.

2. Otwórz plik slides.md w swoim edytorze i zacznij pisać slajdy w Markdown. Rozdzielaj slajdy trzema myślnikami (---) otoczonymi pustymi liniami. Na początku pliku dodaj blok YAML z konfiguracją (temat, tytuł, tło, highlighter kodu).

3. Uruchom serwer deweloperski komendą slidev lub slidev slides.md, aby zobaczyć podgląd prezentacji w przeglądarce. Zmiany w Markdown będą się odświeżać automatycznie.

4. Dodawaj interaktywne komponenty Vue, animacje i niestandardowe layouty bezpośrednio w plikach Markdown. Slidev obsługuje bloki kodu z podświetlaniem składni i integrację z Vue.

5. Gdy skończysz, eksportuj prezentację komendą slidev export (domyślnie PDF), slidev export --format pptx (PowerPoint) lub slidev export --format png (obrazy). Możesz też zbudować wersję produkcyjną komendą slidev build.

6. Użyj komendy slidev format, aby automatycznie sformatować i wyczyścić pliki Markdown zgodnie ze standardami Slidev.