[Docs] Added skip cinematic docs

documentation/docs/docs/03-creating-stories/02-cinematics/05-skippable-cinematics.mdx

@@ -0,0 +1,30 @@
+---
+difficulty: Easy
+---
+
+import Player from "@site/src/components/Player";
+import Image from "@site/src/components/Image";
+import EntrySearch from "@site/src/components/EntrySearch";
+
+# Skippable Cinematics
+:::info[Before starting]
+It's best to first read [Cinematics](./index.mdx) before starting this tutorial.
+:::
+In this tutorial, you will learn how to allow players to skip certain parts of your cinematics.
+
+## Adding a skippable cinematic
+Firstly click on the + icon in the top right corner of the panel and search for `Add Skippable Cinematic`. Add it to your page by clicking on the + icon.
+
+<EntrySearch entryName='skip_cinematic'/>
+
+### Configuring the skippable cinematic
+Inside the inspector of the skip cinematic you can choose between `SNEAK` or `SWAP_HANDS` at the confirmation key field. This key will be the key the player has to press to skip the cinematic. This guide will use the SNEAK key to skip the cinematic.
+
+## Adding a skippable part
+Now inside the inspector of the skippable cinematic you can add a new segment by clicking on the `Add segment` text at the operations section. This will create a new segment\
+At the fields Start and End frame you can set the timings you want a player to be able to skip a cinematic. For this guide this will be 0 and 100.
+
+## result
+Now you have a skippable cinematic that can be skipped by pressing the key you set in the confirmation key field.
+
+<Player url={require("../../assets/cinematics/skip_cinematic_result.webm").default}/>