Uploaded January 2026 | Updated September 2026, 2 weeks ago
Description:
In this tutorial, you will learn how to use Claude Code to move Uptime Kuma Docker Container into its own directory, configure Custom Domains & Set Up Docker Network.
-----------------------------------
What is Uptime Kuma?
A free, open-source monitoring tool that lets you monitor websites, APIs, and other services through a self-hosted dashboard.
-----------------------------------
Prerequisites:
Claude Code installed
SSH connection to Hostinger VPS
Docker installed on VPS
-----------------------------------
π Links:
Get Hostinger VPS + n8n: https://www.hostg.xyz/SHIDN
Connect Claude Code to VPS (Tutorial): youtu.be/5X1FgNwYnkc
Install Claude Code (Tutorial): youtu.be/veztzLX4Kd4
Uptime Kuma: uptimekuma.org
Claude Code: anthropic.com/claude/code
-----------------------------------
What You Will Learn:
Launch Claude Code in Plan Mode
Organize Docker Structure on VPS
Use Claude Code To Move Docker Container to New Directory
Use Claude Code to Configure Custom Domains & Traefik
Use Claude Code To Setup Docker Network
How To Update & Change Directories
-----------------------------------
π Timestamps:
00:00 Intro: About The Tutorial
00:24 What You Will Learn
01:25 Review: Tutorial #1 (Install Uptime Kuma)
02:53 Launch Claude Code
03:37 Connect Claude Code to VPS
04:07 Switch To Plan Mode
04:37 Give Claude Code 3 Tasks
06:58 Add DNS A-Record
08:34 Docker Manager Setup Review
09:18 Claude Code DNS Check
10:04 Google Chrome Cache Fix
10:49 Add Monitor To Uptime Kuma
11:57 Check Docker Network (Dashboardl)
13:01 Check Docker Network (Terminal)
13:50 Inspect Docker Network (Terminal)
14:31 How To Update Docker Containers
17:10 Update n8n
17:57 Update Uptime Kuma
19:41 Recap
-----------------------------------
πͺ Step-By-Step:
Launch Code Code using --resume
Select Previous Claude Session & Tap Enter
Press Shift + Tab Key (2x) to switch to Plan Mode
Enter 3 Tasks for Claude Code (Move Uptime Kuma, Configure Custom Domain, Set up Docker Container)
Review Claude Code Implementation Plan
Make Edits or Accept and Proceed
Login to Hostinger VPS Dashboard
Go to DNS Manager and add A-Record pointing to VPS IP
Test Custom Domain
Confirm Docker Network was created (app-net)
Update Docker Containers
βββββββ Resources ββββββββ
βGear I Use: mikemurphy.co/resources
βAdobe After Effects: mikemurphy.co/adobe
βTerrapin Textures: terrapintextures.com
β Adobe Audition Course (Domestika): mikemurphy.co/domestika
βAmazon Influencer Store: amazon.com/shop/mikemurphyco
βSee All My Gear: mikemurphy.co/podgear
β Get Adobe Creative Cloud: mikemurphy.co/adobe
β Screenflow: mikemurphy.co/screenflow
βββββββ Follow Me ββββββββ
β Website: mikemurphy.co
β Podcast: mikemurphy.co/mmu
β Instagram: instagram.com/mikeunplugged
β X: http://x.com/mikeunplugged
β YouTube: mikemurphy.co/youtube
Amazon Associates Disclosure:
Mike Murphy is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com
#hostinger #vps #claudecode #docker
Description:
In this tutorial, you will learn how to use Claude Code to move Uptime Kuma Docker Container into its own directory, configure Custom Domains & Set Up Docker Network.
-----------------------------------
What is Uptime Kuma?
A free, open-source monitoring tool that lets you monitor websites, APIs, and other services through a self-hosted dashboard.
-----------------------------------
Prerequisites:
Claude Code installed
SSH connection to Hostinger VPS
Docker installed on VPS
-----------------------------------
π Links:
Get Hostinger VPS + n8n: https://www.hostg.xyz/SHIDN
Connect Claude Code to VPS (Tutorial): youtu.be/5X1FgNwYnkc
Install Claude Code (Tutorial): youtu.be/veztzLX4Kd4
Uptime Kuma: uptimekuma.org
Claude Code: anthropic.com/claude/code
-----------------------------------
What You Will Learn:
Launch Claude Code in Plan Mode
Organize Docker Structure on VPS
Use Claude Code To Move Docker Container to New Directory
Use Claude Code to Configure Custom Domains & Traefik
Use Claude Code To Setup Docker Network
How To Update & Change Directories
-----------------------------------
π Timestamps:
00:00 Intro: About The Tutorial
00:24 What You Will Learn
01:25 Review: Tutorial #1 (Install Uptime Kuma)
02:53 Launch Claude Code
03:37 Connect Claude Code to VPS
04:07 Switch To Plan Mode
04:37 Give Claude Code 3 Tasks
06:58 Add DNS A-Record
08:34 Docker Manager Setup Review
09:18 Claude Code DNS Check
10:04 Google Chrome Cache Fix
10:49 Add Monitor To Uptime Kuma
11:57 Check Docker Network (Dashboardl)
13:01 Check Docker Network (Terminal)
13:50 Inspect Docker Network (Terminal)
14:31 How To Update Docker Containers
17:10 Update n8n
17:57 Update Uptime Kuma
19:41 Recap
-----------------------------------
πͺ Step-By-Step:
Launch Code Code using --resume
Select Previous Claude Session & Tap Enter
Press Shift + Tab Key (2x) to switch to Plan Mode
Enter 3 Tasks for Claude Code (Move Uptime Kuma, Configure Custom Domain, Set up Docker Container)
Review Claude Code Implementation Plan
Make Edits or Accept and Proceed
Login to Hostinger VPS Dashboard
Go to DNS Manager and add A-Record pointing to VPS IP
Test Custom Domain
Confirm Docker Network was created (app-net)
Update Docker Containers
βββββββ Resources ββββββββ
βGear I Use: mikemurphy.co/resources
βAdobe After Effects: mikemurphy.co/adobe
βTerrapin Textures: terrapintextures.com
β Adobe Audition Course (Domestika): mikemurphy.co/domestika
βAmazon Influencer Store: amazon.com/shop/mikemurphyco
βSee All My Gear: mikemurphy.co/podgear
β Get Adobe Creative Cloud: mikemurphy.co/adobe
β Screenflow: mikemurphy.co/screenflow
βββββββ Follow Me ββββββββ
β Website: mikemurphy.co
β Podcast: mikemurphy.co/mmu
β Instagram: instagram.com/mikeunplugged
β X: http://x.com/mikeunplugged
β YouTube: mikemurphy.co/youtube
Amazon Associates Disclosure:
Mike Murphy is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com
#hostinger #vps #claudecode #docker









![Part 4: Add Sliders, Input Fields & Debug the Wiggle Panel
Part 4: Add Sliders, Input Fields & Debug the Wiggle Panel
Welcome to Part 4 of this free 4-part mini-course!
In this Part 4β¦we open our project folder from Part 3 and use Cursor AI to take our wiggle panel to the next level by adding sliders and input fields for Frequency & Amplitude and we do some debugging and tweaking.
π§± What Youβll Learn:
* Use Cursor AI to add sliders to Wiggle Panel
* Update the existing .jsx file in ScriptUI panel
* Use Cursor AI to add value input fields to Wiggle Panel
* Use Cursor AI to fix decimal place issue
* Use Cursor AI to make the Tab Key work properly
* How to make your very own Wiggle Panel for After Effects!
πΊ WATCH THE FULL MINI-COURSE
βΆοΈ Intro: https://youtu.be/7kcY82mnsA4
βΆοΈ Part 1: https://youtu.be/YC7_7KwTZQE
βΆοΈ Part 2: https://youtu.be/Kc7sygIlMdQ
βΆοΈ Part 3: https://youtu.be/s9ZfCeXCP6A
βΆοΈ Part 4: [your are here]
βΆοΈ Playlist: https://www.youtube.com/playlist?list=PLqeRnzRtkROQ9Cu0B5X5JoAZk-gs71vqD
π§ ABOUT THIS SERIES
This is a mini-course designed for content creators and educators who want to use AI tools like Cursor AI to vibe code, build digital products, and create smart tools using Adobe After Effects.
π Tools & Effects Used
* App: Adobe After Effects CC 2025
* Download Cursor: https://cursor.com
β¨οΈKeyboard Shortcuts:
Cmd/Ctrl + i: Jump to Chat Panel
Reveal All Expressions: End of Part 3
πΎ ScriptUI Install Path (Mac):
* Applicationsβ¦Adobe After Effects [version]β¦Scriptsβ¦ScriptUI Panels
π¦ RESOURCES & DOWNLOADS
* π After Effects User Guide Course: https://aeuserguide.com
* π¨ Terrapin Textures: https://terrapintextures.com
* π§ My Gear & AI Tools: https://mikemurphy.co/resources
* π₯ Adobe After Effects: https://mikemurphy.co/adobe (affiliate)
π οΈ How To Modify Code & Add Wiggle Sliders Using Cursor AI
* Open Cursor
* Open Project Folder
* Press Cmd/Ctrl + i to jump cursor to Chat Panel
* Type in Text Prompt in Cursor or,
* Copy ChatGPT prompt to clipboard
* Paste Prompt in text field
* Press Return/Enter
* Accept File generated by Cursor
π οΈ How To Add Code (.jsx) to After Effects Script UI Panel
* Open Project Folder
* Open βdevβ folder
* Copy .jsx file (Cmd/Ctrl + D)
* Click on Applications
* Click on Adobe After Effects [latest version]
* Click on βScriptsβ
* Click on βScriptsUI Panelβ and drag to Sidebar for shortcut
* Paste copied .jsx file in ScriptsUI Panel
* Press βReplaceβ
* Enter Mac Password
π οΈ How To Test Wiggle Sliders & Debug in After Effects
* Open After Effects
* Go to Window Menu
* Select βmyaetools.jsxβ to open
* Select Layer
* Tap βPβ for Position
* Press Wiggle Button
* Values of Position Property should turn red
* Tap βEEβ to view wiggle(5,20) expression
* Deselect all (F2)
* Press βWiggleβ Button
* Error Message should appear
* Drag Sliders to confirm they are working
* Enter values for Frequency & Amplitude
* Note bugs or issues such as decimals & tab button
* Return to Cursor to Debug (state problem and tell Cursor to fix)
* Replace .jsx file after Cursor debugs file
* Re-open After Effects
* Pat yourself on the back for a job well done!
* Enjoy your new Wiggle Panel and keep adding stuff to it!
β± TIMESTAMPS
00:00 Introduction To Part 4
00:56 Open Project Folder in Cursor
01:30 Chat GPT Prompt
02:24 Use Prompts or Vibe Code
02:54 Using Chat Assistants
03:27 Cursor Chat History
04:41 Paste Slider Prompt Into Cursor
05:08 Highlighted Code (Green or Red)
05:55 Learning From Cursor (Chat)
06:22 Replace .jsx File
06:41 Current Status of Wiggle Panel (AE)
07:33 Select Composition Alert
08:06 Open Folder & Replace .jsx File
09:24 Test Wiggle Panel in After Effects
10:58 Debugging Sliders (Decimals & Inputs)
11:50 Bonus Tip: Dictation
12:52 Creating Debug Prompt Using Dictation
13:56 Add Debug Prompt To Cursor
14:52 Replace .jsx File
15:30 Testing Wiggle + Sliders
16:43 Debug: Slider Decimals + Tab
17:01 Debug Prompt in Cursor
18:00 Replace .jsx File & Test AE
20:00 Debug: Tab Functionality
20:45 Enter Debug Prompt in Cursor
21:35 ScriptUI Panels Folder Location
23:14 Nice Job...You did it!
π¬ STAY IN THE LOOP
β Join the AI Unplugged Newsletter to follow my journey into AI, tools, and building a solo creator business. https://mikemurphy.co/aiunplugged
β Subscribe for more tutorials like this: https://youtube.com/mikemurphyco
π§ Mike Murphy Tutorials
Learn AI. Build digital products. Make a living as a content creator.
πΉ Powered by Project Rosebud Part 4: Add Sliders, Input Fields & Debug the Wiggle Panel](https://i.ytimg.com/vi/IeMQYTlJ0p4/mqdefault.jpg)
