Uploaded April 2025 | Updated September 2026, 1 week ago
🎓 Part 2 of 4:
How to set up Project Folder and build the Script UI Panel with Wiggle Button
Welcome to Part 2 of this 4-part mini-course where you'll learn how to set up a Project Folder for this project and future vibe coding projects, how to open the folder in Cursor AI and then add a text prompt to build the basic ScriptUI Panel with a button that says 'Wiggle'.
🧱 What You’ll Learn:
- How to organize your project folder for vibe coding
- How to open folders in Cursor AI and explore the interface
- How to prompt Cursor using the Context + Expectations method
- How to generate a .jsx ScriptUI panel with a dummy button
- How to install and test your custom panel inside After Effects
📺 WATCH THE FULL MINI-COURSE
▶️ Intro: youtu.be/7kcY82mnsA4
▶️ Part 1: youtu.be/YC7_7KwTZQE
▶️ Part 2 (You’re here)
▶️ Part 3:
▶️ Part 4:
🧭 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: cursor.com
⌨️Keyboard Shortcuts:
* Open Chat Panel: Cmd/Ctrl + I
* Accept All Changes: Cmd/Ctrl + Enter
* Create Duplicate File: Cmd/Ctrl + D
📂 Project Folder Setup:
* Home...code...code builds....ae_script_panel_wiggle
* Inside: `dev`, `docs`, `project files`
💾 ScriptUI Install Path (Mac):
* Applications ...Adobe After Effects [version] ...Scripts,,,ScriptUI Panels
📦 RESOURCES & DOWNLOADS
* 🎓 After Effects User Guide Course: aeuserguide.com
* 🎨 Terrapin Textures: terrapintextures.com
* 🔧 My Gear & AI Tools: mikemurphy.co/resources
* 🖥 Adobe After Effects: mikemurphy.co/adobe (affiliate)
🗂️ How To Set Up Vibe Coding Project Folder (Mac Instructions)
* Create folder in Home Folder called ‘code’
* Create a folder inside ‘code’ called ‘code builds’
* Create a folder inside ‘code builds’ called ‘ae_script_panel_wiggle’
* Create 3 folders inside project folder (dev, docs, project files)
* Place Cursor code files (.jsx) in ‘dev’ folder
* Place ReadMe files and prompts in ‘docs’
* Place After Effects .aep project in ‘project files’
🛠️ How To Build ScriptUI Panel in Cursor AI:
* Copy ChatGPT (or similar) prompt to clipboard
* Open Cursor
* Open Project Folder
* Press Cmd/Ctrl + i to jump cursor to Chat Panel
* Paste Prompt in text field
* Press Return/Enter
* Accept File generated by Cursor
* Move .jsx file into ‘dev’ folder
🛠️ How To Add Code (.jsx) to After Effects
* Open Project Folder
* Open ‘dev’ folder
* Copy .jsx file (Cmd/Ctrl + D)
* Move .jsx file outside of ‘dev’ and give it identical file name as original created by Cursor
* Open Finder
* Click on Applications
* Click on Adobe After Effects [latest version]
* Click on ‘Scripts’
* Click on ‘ScriptsUI Panel’ and drag to Sidebar for shortcut
* Drag duplicated .jsx file in ScriptsUI Panel
* Open After Effects
* Go to Window Menu
* Select ‘myaetools.jsx’ to open
* Test by docking
* Click ‘Wiggle’ and nothing should happen yet
⏱ TIMESTAMPS
00:00 Introduction To Part 2
00:12 Part 2 Overview
00:32 Project Folder Setup & Organization
01:40 My 'Vibe Code' System
02:17 Mac Tip: Finder Sidebar Shortcut
02:32 Start Building in Cursor
02:54 Explorer Panel + Project Folder
03:14 Rich Text vs Plain Text
03:49 Shortcut to Chat (Cmd/Ctrl + i)
04:40 Context + Framework
05:14 Copy & Paste Prompt
05:43 Review Cursor Results
06:22 Green Highlighted Code
07:11 Accept & Reject Code
07:55 Code Lingo Cheatsheet
09:07 Duplicating New .jsx File
09:58 ScriptsUI Panel Folder (Applications)10:34 Open & Test in After Effects
11:06 Testing Wiggle Button
11:32 End of Part 2
11:43 Recap of Part 2
---
👍 Like this video? Subscribe to the channel + sign up for my newsletter *AI Unplugged* to learn how to use AI to build your creative business.
📬 STAY IN THE LOOP
→ Join the AI Unplugged Newsletter to follow my journey into AI, tools, and building a solo creator business. mikemurphy.co/aiunplugged
→ Subscribe for more tutorials like this: youtube.com/mikemurphyco
🧭 Mike Murphy Tutorials
Learn AI. Build digital products. Make a living as a content creator.
🌹 Powered by Project Rosebud
🎓 Part 2 of 4:
How to set up Project Folder and build the Script UI Panel with Wiggle Button
Welcome to Part 2 of this 4-part mini-course where you'll learn how to set up a Project Folder for this project and future vibe coding projects, how to open the folder in Cursor AI and then add a text prompt to build the basic ScriptUI Panel with a button that says 'Wiggle'.
🧱 What You’ll Learn:
- How to organize your project folder for vibe coding
- How to open folders in Cursor AI and explore the interface
- How to prompt Cursor using the Context + Expectations method
- How to generate a .jsx ScriptUI panel with a dummy button
- How to install and test your custom panel inside After Effects
📺 WATCH THE FULL MINI-COURSE
▶️ Intro: youtu.be/7kcY82mnsA4
▶️ Part 1: youtu.be/YC7_7KwTZQE
▶️ Part 2 (You’re here)
▶️ Part 3:
▶️ Part 4:
🧭 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: cursor.com
⌨️Keyboard Shortcuts:
* Open Chat Panel: Cmd/Ctrl + I
* Accept All Changes: Cmd/Ctrl + Enter
* Create Duplicate File: Cmd/Ctrl + D
📂 Project Folder Setup:
* Home...code...code builds....ae_script_panel_wiggle
* Inside: `dev`, `docs`, `project files`
💾 ScriptUI Install Path (Mac):
* Applications ...Adobe After Effects [version] ...Scripts,,,ScriptUI Panels
📦 RESOURCES & DOWNLOADS
* 🎓 After Effects User Guide Course: aeuserguide.com
* 🎨 Terrapin Textures: terrapintextures.com
* 🔧 My Gear & AI Tools: mikemurphy.co/resources
* 🖥 Adobe After Effects: mikemurphy.co/adobe (affiliate)
🗂️ How To Set Up Vibe Coding Project Folder (Mac Instructions)
* Create folder in Home Folder called ‘code’
* Create a folder inside ‘code’ called ‘code builds’
* Create a folder inside ‘code builds’ called ‘ae_script_panel_wiggle’
* Create 3 folders inside project folder (dev, docs, project files)
* Place Cursor code files (.jsx) in ‘dev’ folder
* Place ReadMe files and prompts in ‘docs’
* Place After Effects .aep project in ‘project files’
🛠️ How To Build ScriptUI Panel in Cursor AI:
* Copy ChatGPT (or similar) prompt to clipboard
* Open Cursor
* Open Project Folder
* Press Cmd/Ctrl + i to jump cursor to Chat Panel
* Paste Prompt in text field
* Press Return/Enter
* Accept File generated by Cursor
* Move .jsx file into ‘dev’ folder
🛠️ How To Add Code (.jsx) to After Effects
* Open Project Folder
* Open ‘dev’ folder
* Copy .jsx file (Cmd/Ctrl + D)
* Move .jsx file outside of ‘dev’ and give it identical file name as original created by Cursor
* Open Finder
* Click on Applications
* Click on Adobe After Effects [latest version]
* Click on ‘Scripts’
* Click on ‘ScriptsUI Panel’ and drag to Sidebar for shortcut
* Drag duplicated .jsx file in ScriptsUI Panel
* Open After Effects
* Go to Window Menu
* Select ‘myaetools.jsx’ to open
* Test by docking
* Click ‘Wiggle’ and nothing should happen yet
⏱ TIMESTAMPS
00:00 Introduction To Part 2
00:12 Part 2 Overview
00:32 Project Folder Setup & Organization
01:40 My 'Vibe Code' System
02:17 Mac Tip: Finder Sidebar Shortcut
02:32 Start Building in Cursor
02:54 Explorer Panel + Project Folder
03:14 Rich Text vs Plain Text
03:49 Shortcut to Chat (Cmd/Ctrl + i)
04:40 Context + Framework
05:14 Copy & Paste Prompt
05:43 Review Cursor Results
06:22 Green Highlighted Code
07:11 Accept & Reject Code
07:55 Code Lingo Cheatsheet
09:07 Duplicating New .jsx File
09:58 ScriptsUI Panel Folder (Applications)10:34 Open & Test in After Effects
11:06 Testing Wiggle Button
11:32 End of Part 2
11:43 Recap of Part 2
---
👍 Like this video? Subscribe to the channel + sign up for my newsletter *AI Unplugged* to learn how to use AI to build your creative business.
📬 STAY IN THE LOOP
→ Join the AI Unplugged Newsletter to follow my journey into AI, tools, and building a solo creator business. mikemurphy.co/aiunplugged
→ Subscribe for more tutorials like this: youtube.com/mikemurphyco
🧭 Mike Murphy Tutorials
Learn AI. Build digital products. Make a living as a content creator.
🌹 Powered by Project Rosebud
