diff --git a/src/lib/libraries/decks/animate-char/animate-char-add-sound.gif b/src/lib/libraries/decks/animate-char/animate-char-add-sound.gif
new file mode 100755
index 0000000000000000000000000000000000000000..21f533e7f6070f8ded024726af2a6c625c19ef09
Binary files /dev/null and b/src/lib/libraries/decks/animate-char/animate-char-add-sound.gif differ
diff --git a/src/lib/libraries/decks/animate-char/animate-char-change-color.gif b/src/lib/libraries/decks/animate-char/animate-char-change-color.gif
new file mode 100644
index 0000000000000000000000000000000000000000..86e7d9188997ca4f3e639dd5fc6e249f95f8af1f
Binary files /dev/null and b/src/lib/libraries/decks/animate-char/animate-char-change-color.gif differ
diff --git a/src/lib/libraries/decks/animate-char/animate-char-jump.gif b/src/lib/libraries/decks/animate-char/animate-char-jump.gif
new file mode 100755
index 0000000000000000000000000000000000000000..7a9138eec2dc9c09509bd7c88aa6f1c1c29b02e7
Binary files /dev/null and b/src/lib/libraries/decks/animate-char/animate-char-jump.gif differ
diff --git a/src/lib/libraries/decks/animate-char/animate-char-move.gif b/src/lib/libraries/decks/animate-char/animate-char-move.gif
new file mode 100755
index 0000000000000000000000000000000000000000..1f8a4765a66870269726d8ae4b7de61f3c17a874
Binary files /dev/null and b/src/lib/libraries/decks/animate-char/animate-char-move.gif differ
diff --git a/src/lib/libraries/decks/animate-char/animate-char-pick-another-sprite.gif b/src/lib/libraries/decks/animate-char/animate-char-pick-another-sprite.gif
new file mode 100755
index 0000000000000000000000000000000000000000..97bed56b418aafdca198f081ab016aca0b8fe929
Binary files /dev/null and b/src/lib/libraries/decks/animate-char/animate-char-pick-another-sprite.gif differ
diff --git a/src/lib/libraries/decks/animate-char/animate-char-pick-backdrop.gif b/src/lib/libraries/decks/animate-char/animate-char-pick-backdrop.gif
new file mode 100755
index 0000000000000000000000000000000000000000..ac0317323e507bd182b32bf6c7440d0f0bd1de2e
Binary files /dev/null and b/src/lib/libraries/decks/animate-char/animate-char-pick-backdrop.gif differ
diff --git a/src/lib/libraries/decks/animate-char/animate-char-pick-sprite.gif b/src/lib/libraries/decks/animate-char/animate-char-pick-sprite.gif
new file mode 100755
index 0000000000000000000000000000000000000000..e66e114517b7da05147dacc51454cafc31309acf
Binary files /dev/null and b/src/lib/libraries/decks/animate-char/animate-char-pick-sprite.gif differ
diff --git a/src/lib/libraries/decks/animate-char/animate-char-say-something.gif b/src/lib/libraries/decks/animate-char/animate-char-say-something.gif
new file mode 100755
index 0000000000000000000000000000000000000000..7617802a7d04d971f843d54f79dadaa8bff5b0fd
Binary files /dev/null and b/src/lib/libraries/decks/animate-char/animate-char-say-something.gif differ
diff --git a/src/lib/libraries/decks/animate-char/animate-char-talk.gif b/src/lib/libraries/decks/animate-char/animate-char-talk.gif
new file mode 100755
index 0000000000000000000000000000000000000000..2147c46a425d91db648ba65145285903060ede59
Binary files /dev/null and b/src/lib/libraries/decks/animate-char/animate-char-talk.gif differ
diff --git a/src/lib/libraries/decks/animate-char/lib_Animate_a_Character.jpg b/src/lib/libraries/decks/animate-char/lib_Animate_a_Character.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..1fddfb5c569cf6562f80980d58c4b2db633b2ebd
Binary files /dev/null and b/src/lib/libraries/decks/animate-char/lib_Animate_a_Character.jpg differ
diff --git a/src/lib/libraries/decks/index.jsx b/src/lib/libraries/decks/index.jsx
index bc6c402027f0d9d729a7a0d36f245bf1ca429f45..1951496ff474c7c9fb8097ca399347ed0c27fda3 100644
--- a/src/lib/libraries/decks/index.jsx
+++ b/src/lib/libraries/decks/index.jsx
@@ -74,6 +74,37 @@ import stepRandom from './game/game-random-position.gif';
 import stepGameChangeColor from './game/game-change-color.gif';
 import stepResetScore from './game/game-reset-score.gif';
 
+// Animate A Character
+import libraryAnimateChar from './animate-char/lib_Animate_a_Character.jpg';
+import stepAnimateCharPickBackdrop from './animate-char/animate-char-pick-backdrop.gif';
+import stepAnimateCharPickSprite from './animate-char/animate-char-pick-sprite.gif';
+import stepAnimateCharSaySomething from './animate-char/animate-char-say-something.gif';
+import stepAnimateCharAddSound from './animate-char/animate-char-add-sound.gif';
+import stepAnimateCharTalk from './animate-char/animate-char-talk.gif';
+import stepAnimateCharMove from './animate-char/animate-char-move.gif';
+import stepAnimateCharJump from './animate-char/animate-char-jump.gif';
+import stepAnimateCharChangeColor from './animate-char/animate-char-change-color.gif';
+
+// Tell A Story
+import libraryStory from './story/lib-tell-a-story.jpg';
+import stepStoryPickBackdrop from './story/story-pick-backdrop.gif';
+import stepStoryPickSprite from './story/story-pick-sprite.gif';
+import stepStoryCharSaySomething from './story/story-say-something.gif';
+import stepStoryCharAddAnotherSprite from './story/story-pick-another-sprite.gif';
+import stepStoryFlip from './story/story-flip.gif';
+import stepStoryConversation from './story/story-conversation.gif';
+import stepStoryAddAnotherBackdrop from './story/story-add-background-2.gif';
+import stepStorySwitchBackdrop from './story/story-switch-backdrop.gif';
+import stepStoryHide from './story/story-hide-character.gif';
+import stepStoryShow from './story/story-show-character.gif';
+
+// Video Sensing
+import libraryVideoSens from './videosensing/lib_video_sensing.jpg';
+import stepVideoSensAddExtension from './videosensing/videosens-add-extension.gif';
+import stepVideoSensPet from './videosensing/videosens-pet-cat.gif';
+import stepVideoSensAnimate from './videosensing/videosens-animate.gif';
+import stepVideoSensPop from './videosensing/videosens-pop.gif';
+
 // Videos
 import recordASound from './videos/record-a-sound.jpg';
 import glideAroundThumb from './videos/glide-around.jpg';
@@ -675,6 +706,268 @@ export default {
         ],
         urlId: 'chase-game'
     },
+    'Animate-A-Character': {
+        name: (
+            <FormattedMessage
+                defaultMessage="Animate A Character"
+                description="Name for the 'Animate A Character' how-to"
+                id="gui.howtos.animate-char.name"
+            />
+        ),
+        img: libraryAnimateChar,
+        steps: [{
+            video: 's228u3g5u9'
+        },
+        {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Add a Backdrop"
+                    description="Step name for 'Add a Backdrop' step"
+                    id="gui.howtos.animate-char.step_addbg"
+                />
+            ),
+            image: stepAnimateCharPickBackdrop
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Add a Sprite"
+                    description="Step name for 'Add a Sprite' step"
+                    id="gui.howtos.animate-char.step_addsprite"
+                />
+            ),
+            image: stepAnimateCharPickSprite
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Say Something"
+                    description="Step name for 'Say Something' step"
+                    id="gui.howtos.animate-char.step_saysomething"
+                />
+            ),
+            image: stepAnimateCharSaySomething
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Add Sound"
+                    description="Step name for 'Add Sound' step"
+                    id="gui.howtos.animate-char.step_addsound"
+                />
+            ),
+            image: stepAnimateCharAddSound
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Animate Talking"
+                    description="Step name for 'Animate Talking' step"
+                    id="gui.howtos.animate-char.step_animatetalking"
+                />
+            ),
+            image: stepAnimateCharTalk
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Move Using Arrow Keys"
+                    description="Step name for 'Move Using Arrow Keys' step"
+                    id="gui.howtos.animate-char.step_arrowkeys"
+                />
+            ),
+            image: stepAnimateCharMove
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Jump"
+                    description="Step name for 'Jump' step"
+                    id="gui.howtos.animate-char.step_jump"
+                />
+            ),
+            image: stepAnimateCharJump
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Change Color"
+                    description="Step name for 'Change Color' step"
+                    id="gui.howtos.animate-char.step_changecolor"
+                />
+            ),
+            image: stepAnimateCharChangeColor
+        }, {
+            deckIds: [
+                'Chase-Game',
+                'Tell-A-Story'
+            ]
+        }
+        ],
+        urlId: 'animate-a-character'
+    },
+    'Tell-A-Story': {
+        name: (
+            <FormattedMessage
+                defaultMessage="Create A Story"
+                description="Name for the 'Create A Story' how-to"
+                id="gui.howtos.story.name"
+            />
+        ),
+        img: libraryStory,
+        steps: [{
+            video: 'stah7jjorp'
+        },
+        {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Add a Backdrop"
+                    description="Step name for 'Add a Backdrop' step"
+                    id="gui.howtos.story.step_addbg"
+                />
+            ),
+            image: stepStoryPickBackdrop
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Add a Character"
+                    description="Step name for 'Add a Character' step"
+                    id="gui.howtos.story.step_addsprite"
+                />
+            ),
+            image: stepStoryPickSprite
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Say Something"
+                    description="Step name for 'Say Something' step"
+                    id="gui.howtos.story.step_saysomething"
+                />
+            ),
+            image: stepStoryCharSaySomething
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Add Another Character"
+                    description="Step name for 'Add Another Character' step"
+                    id="gui.howtos.story.step_addanothersprite"
+                />
+            ),
+            image: stepStoryCharAddAnotherSprite
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Flip Direction"
+                    description="Flip Direction' step"
+                    id="gui.howtos.story.step_flip"
+                />
+            ),
+            image: stepStoryFlip
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Have A Conversation"
+                    description="Step name for 'Have A Conversation' step"
+                    id="gui.howtos.story.step_conversation"
+                />
+            ),
+            image: stepStoryConversation
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Add Another Backdrop"
+                    description="Step name for 'Add Another Backdrop' step"
+                    id="gui.howtos.story.addanotherbg"
+                />
+            ),
+            image: stepStoryAddAnotherBackdrop
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Switch Backdrops"
+                    description="Step name for 'Switch Backdrops' step"
+                    id="gui.howtos.story.step_swithbg"
+                />
+            ),
+            image: stepStorySwitchBackdrop
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Hide a Character"
+                    description="Step name for 'Hide the Wizard' step"
+                    id="gui.howtos.story.step_hidewizard"
+                />
+            ),
+            image: stepStoryHide
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Show a Character"
+                    description="Step name for 'Show the Wizard' step"
+                    id="gui.howtos.story.step_showwizard"
+                />
+            ),
+            image: stepStoryShow
+        },
+        {
+            deckIds: [
+                'say-it-out-loud',
+                'record-a-sound'
+            ]
+        }
+        ],
+        urlId: 'tell-a-story'
+    },
+    'Video-Sensing': {
+        name: (
+            <FormattedMessage
+                defaultMessage="Video Sensing"
+                description="Name for the 'Video Sensing' how-to"
+                id="gui.howtos.videosens.name"
+            />
+        ),
+        img: libraryVideoSens,
+        steps: [{
+            video: '3pd1z110d6'
+        },
+        {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Add Extension"
+                    description="Step name for 'Add Extension' step"
+                    id="gui.howtos.videosens.step_addextension"
+                />
+            ),
+            image: stepVideoSensAddExtension
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Pet the Cat"
+                    description="Step name for 'Pet the Cat' step"
+                    id="gui.howtos.videosens.step_pet"
+                />
+            ),
+            image: stepVideoSensPet
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Animate"
+                    description="Step name for 'Animate' step"
+                    id="gui.howtos.videosens.step_animate"
+                />
+            ),
+            image: stepVideoSensAnimate
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Pop a Balloon"
+                    description="Step name for 'Pop a Balloon' step"
+                    id="gui.howtos.videosens.step_pop"
+                />
+            ),
+            image: stepVideoSensPop
+        }, {
+            deckIds: [
+                'Make-Music',
+                'add-effects'
+            ]
+        }
+        ],
+        urlId: 'video-sensing'
+    },
     'add-sprite': {
         name: (
             <FormattedMessage
diff --git a/src/lib/libraries/decks/story/lib-tell-a-story.jpg b/src/lib/libraries/decks/story/lib-tell-a-story.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6fc76abcddcec1b76a2786ffeb70ad035f929dea
Binary files /dev/null and b/src/lib/libraries/decks/story/lib-tell-a-story.jpg differ
diff --git a/src/lib/libraries/decks/story/story-add-background-2.gif b/src/lib/libraries/decks/story/story-add-background-2.gif
new file mode 100755
index 0000000000000000000000000000000000000000..1d2a748eb6c29b23e483c81c2b837ffd7848d0a4
Binary files /dev/null and b/src/lib/libraries/decks/story/story-add-background-2.gif differ
diff --git a/src/lib/libraries/decks/story/story-conversation.gif b/src/lib/libraries/decks/story/story-conversation.gif
new file mode 100755
index 0000000000000000000000000000000000000000..355b824242d20c6b1ec0e824785f9f9ef3a20711
Binary files /dev/null and b/src/lib/libraries/decks/story/story-conversation.gif differ
diff --git a/src/lib/libraries/decks/story/story-flip.gif b/src/lib/libraries/decks/story/story-flip.gif
new file mode 100755
index 0000000000000000000000000000000000000000..ea1a2814e02df409150fc57cf901f50e9d412d45
Binary files /dev/null and b/src/lib/libraries/decks/story/story-flip.gif differ
diff --git a/src/lib/libraries/decks/story/story-hide-character.gif b/src/lib/libraries/decks/story/story-hide-character.gif
new file mode 100755
index 0000000000000000000000000000000000000000..0d055131157f4b94300d05ec3ae7ff3bbf9b3e4c
Binary files /dev/null and b/src/lib/libraries/decks/story/story-hide-character.gif differ
diff --git a/src/lib/libraries/decks/story/story-pick-another-sprite.gif b/src/lib/libraries/decks/story/story-pick-another-sprite.gif
new file mode 100755
index 0000000000000000000000000000000000000000..20b4a85448223cee1046f6620628495651d8e8ef
Binary files /dev/null and b/src/lib/libraries/decks/story/story-pick-another-sprite.gif differ
diff --git a/src/lib/libraries/decks/story/story-pick-backdrop.gif b/src/lib/libraries/decks/story/story-pick-backdrop.gif
new file mode 100755
index 0000000000000000000000000000000000000000..17d937d942532948df96a906d2810631c13fde1e
Binary files /dev/null and b/src/lib/libraries/decks/story/story-pick-backdrop.gif differ
diff --git a/src/lib/libraries/decks/story/story-pick-sprite.gif b/src/lib/libraries/decks/story/story-pick-sprite.gif
new file mode 100755
index 0000000000000000000000000000000000000000..a9bc7bc2f2f0b55922dca9a009d920e9bca7937d
Binary files /dev/null and b/src/lib/libraries/decks/story/story-pick-sprite.gif differ
diff --git a/src/lib/libraries/decks/story/story-say-something.gif b/src/lib/libraries/decks/story/story-say-something.gif
new file mode 100755
index 0000000000000000000000000000000000000000..f92666572fa689875a0bf3236440b00ae242104e
Binary files /dev/null and b/src/lib/libraries/decks/story/story-say-something.gif differ
diff --git a/src/lib/libraries/decks/story/story-show-character.gif b/src/lib/libraries/decks/story/story-show-character.gif
new file mode 100755
index 0000000000000000000000000000000000000000..9bb576a0fc298cc626068db13417192115fdc437
Binary files /dev/null and b/src/lib/libraries/decks/story/story-show-character.gif differ
diff --git a/src/lib/libraries/decks/story/story-switch-backdrop.gif b/src/lib/libraries/decks/story/story-switch-backdrop.gif
new file mode 100755
index 0000000000000000000000000000000000000000..bc1d786a6474f0a4467f3cabbc4248adc18af4ff
Binary files /dev/null and b/src/lib/libraries/decks/story/story-switch-backdrop.gif differ
diff --git a/src/lib/libraries/decks/videosensing/animate-char-jump.gif b/src/lib/libraries/decks/videosensing/animate-char-jump.gif
new file mode 100644
index 0000000000000000000000000000000000000000..38c2441ba0214259637076ee7c11243e89da4eff
Binary files /dev/null and b/src/lib/libraries/decks/videosensing/animate-char-jump.gif differ
diff --git a/src/lib/libraries/decks/videosensing/lib_video_sensing.jpg b/src/lib/libraries/decks/videosensing/lib_video_sensing.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b87690652545135a835489e3f39535b856d61c97
Binary files /dev/null and b/src/lib/libraries/decks/videosensing/lib_video_sensing.jpg differ
diff --git a/src/lib/libraries/decks/videosensing/videosens-add-extension.gif b/src/lib/libraries/decks/videosensing/videosens-add-extension.gif
new file mode 100755
index 0000000000000000000000000000000000000000..b2cca85b66171cc8ef6cbe98b97267cc68252228
Binary files /dev/null and b/src/lib/libraries/decks/videosensing/videosens-add-extension.gif differ
diff --git a/src/lib/libraries/decks/videosensing/videosens-animate.gif b/src/lib/libraries/decks/videosensing/videosens-animate.gif
new file mode 100755
index 0000000000000000000000000000000000000000..1b0838aaae97f59206463403878c45fd47b78748
Binary files /dev/null and b/src/lib/libraries/decks/videosensing/videosens-animate.gif differ
diff --git a/src/lib/libraries/decks/videosensing/videosens-pet-cat.gif b/src/lib/libraries/decks/videosensing/videosens-pet-cat.gif
new file mode 100644
index 0000000000000000000000000000000000000000..3e32237c731bd81b80fb9d18407b9892e21cd96e
Binary files /dev/null and b/src/lib/libraries/decks/videosensing/videosens-pet-cat.gif differ
diff --git a/src/lib/libraries/decks/videosensing/videosens-pop.gif b/src/lib/libraries/decks/videosensing/videosens-pop.gif
new file mode 100755
index 0000000000000000000000000000000000000000..e65158c886dafeb2bef0e077261e2695b794528b
Binary files /dev/null and b/src/lib/libraries/decks/videosensing/videosens-pop.gif differ