Uploaded January 2026 | Updated September 2026, 2 weeks ago
Description:
In this tutorial, I will show you how to migrate your current version of Claude Code installed using the old npm package manger to the new Native Installer Version.
Problem:
When you launch Claude Code, you see an Alert Message about switching from npm to native installer.
Fix:
Migrate Claude Code to Native Installer (claude install)
ð Links:
ð Official Claude Code Docs:
docs.anthropic.com/en/docs/claude-code/getting-started
What You Will Learn:
- Show Current State of Claude Code
- Run Migration Command (claude install)
- Run Diagnostics (claude doctor)
- Confirm Settings Preserved
- Uninstall Old npm Version
â¡ Migration Command:
claude install
#ïžâ£ Check Version:
claude --version
ð ïž Check Binary Location:
which claude (Mac)
where claude (Win)
ð¥ Verify Installation:
claude doctor
ð Verify Settings:
cat ~/.claude/settings.json
ð§¹ Cleanup:
npm uninstall -g @anthropic-ai/claude-code
________________________________________________________________________
ð Timestamps:
00:00 Intro: About The Tutorial
00:39 Reason For Alert Message
00:49 Old vs. New Method
01:24 Benefits of Native Installer
01:51 Why Are You Seeing Message?
02:18 What Does Migration Do?
02:49 Purpose of Claude Install
03:24 Preview of Migration Steps
03:49 Check Version & Binary Location
04:31 Migrate (Claude Install)
05:19 Claude Doctor
05:45 Check Version & Location
06:07 Confirm Settings
06:21 Remove Old npm Package
07:37 Launch Claude Code
ðª Step-By-Step:
1. Open MacOS Terminal
2. Check Claude Code Version (claude --version)
3. Check Binary Location (what/where claude)
4. Migrate Claude Code (claude install)
5. Verify Migration Success (claude doctory)
6. Confirm Settings Preserved
cat ~/.claude/settings.json
7. Remove npm Version
npm uninstall -g @anthropic-ai/claude-code
âââââââ 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
#claude #claudecode #aihandyman @claude
Description:
In this tutorial, I will show you how to migrate your current version of Claude Code installed using the old npm package manger to the new Native Installer Version.
Problem:
When you launch Claude Code, you see an Alert Message about switching from npm to native installer.
Fix:
Migrate Claude Code to Native Installer (claude install)
ð Links:
ð Official Claude Code Docs:
docs.anthropic.com/en/docs/claude-code/getting-started
What You Will Learn:
- Show Current State of Claude Code
- Run Migration Command (claude install)
- Run Diagnostics (claude doctor)
- Confirm Settings Preserved
- Uninstall Old npm Version
â¡ Migration Command:
claude install
#ïžâ£ Check Version:
claude --version
ð ïž Check Binary Location:
which claude (Mac)
where claude (Win)
ð¥ Verify Installation:
claude doctor
ð Verify Settings:
cat ~/.claude/settings.json
ð§¹ Cleanup:
npm uninstall -g @anthropic-ai/claude-code
________________________________________________________________________
ð Timestamps:
00:00 Intro: About The Tutorial
00:39 Reason For Alert Message
00:49 Old vs. New Method
01:24 Benefits of Native Installer
01:51 Why Are You Seeing Message?
02:18 What Does Migration Do?
02:49 Purpose of Claude Install
03:24 Preview of Migration Steps
03:49 Check Version & Binary Location
04:31 Migrate (Claude Install)
05:19 Claude Doctor
05:45 Check Version & Location
06:07 Confirm Settings
06:21 Remove Old npm Package
07:37 Launch Claude Code
ðª Step-By-Step:
1. Open MacOS Terminal
2. Check Claude Code Version (claude --version)
3. Check Binary Location (what/where claude)
4. Migrate Claude Code (claude install)
5. Verify Migration Success (claude doctory)
6. Confirm Settings Preserved
cat ~/.claude/settings.json
7. Remove npm Version
npm uninstall -g @anthropic-ai/claude-code
âââââââ 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
#claude #claudecode #aihandyman @claude







![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)


