diff --git a/_workshops/2023/Microfrontends/index.md b/_workshops/2023/Microfrontends/index.md
index 4cb826e9..1d928a56 100644
--- a/_workshops/2023/Microfrontends/index.md
+++ b/_workshops/2023/Microfrontends/index.md
@@ -13,14 +13,16 @@ dauer: ~120 Minuten
raum: https://th-koeln.zoom.us/j/6078076173?pwd=TjZXb1BoRUxYTktNQnVmZTducVhBQT09 Kenncode noss
---
-> [Microfrontends](https://micro-frontends.org) sind zu den gewohnten Frontendmonolithen das, was Microservices zum Backendmonolithen sind.
-
-In diesem Workshop werden wir die nicht traditionelle Herangehensweise der Frontend Entwicklung in Angriff nehmen.
-
-Wir schauen uns dazu zunächst einmal an, wie Anwendungen, die von Microfrontends gebrauch machen, aufgebaut sind, setzen dann ein minimales Projekt gemeinsam auf und lassen anschließend Resümee passieren,
-um herauszufinden, ob und wann der Ansatz von Microfrontends im Gebrauch sinnvoll ist. Dabei ist es Dir und deinem/r Partner/in überlassen, welches Framework Du bzw. Ihr gerne nutzt, um euer Feature mit einzubringen!
+"[Microfrontends](https://micro-frontends.org) sind zu den gewohnten Frontendmonolithen das, was Microservices zum Backendmonolithen sind"
+In diesem Workshop werden wir die nicht traditionelle Herangehensweise der Frontend Entwicklung in Angriff nehmen.
+Wir schauen uns dazu zunächst einmal an, wie Anwendungen, die von Microfrontends gebrauch machen, aufgebaut sind,
+setzen dann ein minimales Projekt gemeinsam auf und lassen anschließend Resümee passieren,
+um herauszufinden, ob und wann der Ansatz von Microfrontends im Gebrauch sinnvoll ist.
+Dabei ist es Dir und deinem/r Partner/in überlassen, welches Framework Du bzw. Ihr gerne nutzt, um euer Feature mit einzubringen!
+
---
+
## Vorkenntnisse:
- Git
diff --git a/_workshops/2024/Skia Workshop/index.md b/_workshops/2024/Skia Workshop/index.md
new file mode 100644
index 00000000..34044989
--- /dev/null
+++ b/_workshops/2024/Skia Workshop/index.md
@@ -0,0 +1,58 @@
+---
+layout: workshop
+titel: Einführung in Skia (React-Native)
+social-media-untertitel: Workshop am 04. Juni 2024
+datum: 2024-06-04
+modul: wt
+published: true
+autor: Taha Sirajeddin Moujtahid
+bild: ../thumbnail.png
+bildcredits: "react-native-skia Logo von https://github.com/shopify/react-native-skia"
+art: workshop
+termin: Dienstag, 04. Juni 2024, 13:00 Uhr
+dauer: ~120 Minuten
+raum: 3.216
+---
+
+# Workshop Einführung in Skia
+
+> Dieser Workshop bietet einen kurzen Einblick in die react-native portierung von Skia – Fun Fact: Skia dient als Grafik-Engine für Google Chrome und Chrome OS, Android, Flutter, Mozilla Firefox, Firefox OS und viele andere Produkte.
+
+Mit Skia ist es möglich, leistungsfähige und ansprechende benutzerdefinierte Grafikdarstellungen in React Native Anwendungen zu erstellen.
+
+**Während des Workshops lernen die Teilnehmer**:
+
+* Die Grundlagen der react-native-skia library
+ * Das Einbetten von Skia Componenten
+ * Das Erstellen von Formen mit Skia
+ * Die Basics: In sachen Effekte und Animationen
+
+
+## Zielgruppe
+
+Dieser Workshop richtet sich an Frontend/Mobile Entwickler, die gerne grafisch aufwändige Applikationen entwickeln möchten.
+
+
+## Voraussetzungen
+
+Die Teilnehmenden sollten folgendes mitbringen:
+
+* Grundlegende Kenntnisse in Javascript/Typescript am besten noch basics in JSX/React/React-Native
+
+
+## Technische Vorbereitung
+* [Visual Studio Code IDE](https://code.visualstudio.com/)
+* [NodeJS umgebung mit npm](https://nodejs.org/en)
+* Git
+
+Alternativ zu VSCode kann natürlich eine Entwicklungsumgebung Ihrer Wahl benutzt werden.
+
+Bitte laden Sie sich die starter Repo vom Link unten und testen Sie die Funktionsfähigkeit mithilfe von:
+
+> npm install
+> npm run web
+
+
+## Material
+
+* [Repository](https://github.com/Taha-Moujtahid/workshop_webtech2024)
diff --git a/_workshops/2024/Skia Workshop/thumbnail.png b/_workshops/2024/Skia Workshop/thumbnail.png
new file mode 100644
index 00000000..55f1083a
Binary files /dev/null and b/_workshops/2024/Skia Workshop/thumbnail.png differ