Super cool! I had the privilege of meeting Will during this year's SQSP Circle Day! He was as cool as a cucumber as he sounds over UA-cam! Question, what are your thoughts on Gemini??? Thank you guys, great video!
I don’t have any experience with Gemini yet so I can’t weigh in. Google keeps trying to get me to do a free trial with their Gmail popups but I haven’t gone for it yet. Have you used it at all?
Great meeting you too Janel! Personally I haven't found Gemini to be as good of quality as Claude or Chat GPT for what I use AI for. Claude's coding abilities are top notch, and Chat GPT is great with reasoning and recommending things. Although, I've been super impressed with NotebookLLM, it's a pretty good research assistant and the "podcasting" feature is pretty wild.
Fantastic video guys. Perfect example of how important prompting is... 100% agree that these tools make great copilots, not autopilots... You have to know enough to know if what it's giving you is crap or not 🤓
Loved this, I've been playing with Claude to create/edit tweaks for client sites for a while not. I love the point about adding context, I know Will mentionef that it'd be a lot of work to add all the Squarespace structure info into a custom GPT, but I wonder if you could use something like perplexity to read a live Squarespace site, extract all context structure into a "context sheet" PDF which could just be added to Claude or ChatGPT as part of the prompt. Alternatively, I thought that Will could create a chrome extension simialr to his ID finder, but instead be an "Element Finder" to click and copy the element for use in prompting. (He could even just add it as a pro feature to his exisitng ID finder plugin maybe, I sure people would pay to use it). I like how he talked about adding variable to make the code more reusable/editable for client hand-off. Could be a way to ask Claude to do that for you too as part of the iteration process. Lastly, I'd absolutley love to see a video about Cursor and how Will uses it to approach plugin creation. All of this could be a pehnomenal co-lab series on both of your channels.
P.S. Have either of you guys thought about creating a plugin (either chrome based or directly in Squarespace) to make it easier and more "no-code/visual" for implementing and manipulating GSAP animations? In my head I'm envisioning something akin to Squarekicker, but as more of a tool to make using GSAP effectively no-code or GUI style with input fields, buttons and sliders, etc, rather than having things actually built into the plugin itself (that way your not realy competing with Squarekicker, not reininventing the wheel in terms of animation library, and can let users choose which GSAP version they want to use, free vs pro, and since users would supply GSAP to their site themselves rather than you providing it as part of the plugin, I think it would not be breaching any of GSAPs licensing). It could maybe be like a chrome extension, obviously with the main goal beign for GSAP use on Squarespace, but maybe if it is a chrome extension it could be site builder agnostic. Which could also open it up to be more of an opensource project for all GSAP users, regardless of platform. Tying into above comment, maybe a "context sheet" could be created for each platform and added to the plugin, users could just choose a dropdown in the plugin for which platform your building on in case there were any difference in how GSAP gets used. The Squarespace ID finder (or proposed Element Finder) plugins could be used in conjuntion to help target the elements and sections to animate with GSAP. I think this would be super helpful, even if the v1 was just a glorified code generator that users could create a visual preview while the plugin was active but ultimately just created a copy/paste block to drop back into Squarespace's injection area to actually save the animations. It'd make visually dialing in GSAP a breaze (ideally) and allow more none coders to use it too. Anyway, please steal the idea cause I'd love this to existi. 😂 P.P.S This is also the main reason I wanna see Will talk about Cursor, cause then I'd just give it a try myself. 🤪
Check out our video about CSS Attribute Selectors on Will's channel!
ua-cam.com/video/M6S_e8HsOUg/v-deo.htmlsi=cnfvjb46uY6fsgze
Fun collab with you man!
Looking forward to doing it again!
Super cool! I had the privilege of meeting Will during this year's SQSP Circle Day! He was as cool as a cucumber as he sounds over UA-cam! Question, what are your thoughts on Gemini??? Thank you guys, great video!
I don’t have any experience with Gemini yet so I can’t weigh in. Google keeps trying to get me to do a free trial with their Gmail popups but I haven’t gone for it yet. Have you used it at all?
Great meeting you too Janel! Personally I haven't found Gemini to be as good of quality as Claude or Chat GPT for what I use AI for. Claude's coding abilities are top notch, and Chat GPT is great with reasoning and recommending things. Although, I've been super impressed with NotebookLLM, it's a pretty good research assistant and the "podcasting" feature is pretty wild.
saw this thumnail and couldn't believe the final bosses of Squarespace Dev teamed up!! awesome video man.
Hahaha thanks so much!
What a great colab, Chris, and examples of AI context sorting to some fairly accurate code solutions. Great work!
Thank you!!
Fantastic video guys. Perfect example of how important prompting is... 100% agree that these tools make great copilots, not autopilots... You have to know enough to know if what it's giving you is crap or not 🤓
Copilots vs autopilots - I like that! That is well put.
These guys are the glimmer twins of the Squarespace universe.
😂😂😂
Loved this, I've been playing with Claude to create/edit tweaks for client sites for a while not.
I love the point about adding context, I know Will mentionef that it'd be a lot of work to add all the Squarespace structure info into a custom GPT, but I wonder if you could use something like perplexity to read a live Squarespace site, extract all context structure into a "context sheet" PDF which could just be added to Claude or ChatGPT as part of the prompt.
Alternatively, I thought that Will could create a chrome extension simialr to his ID finder, but instead be an "Element Finder" to click and copy the element for use in prompting. (He could even just add it as a pro feature to his exisitng ID finder plugin maybe, I sure people would pay to use it).
I like how he talked about adding variable to make the code more reusable/editable for client hand-off. Could be a way to ask Claude to do that for you too as part of the iteration process.
Lastly, I'd absolutley love to see a video about Cursor and how Will uses it to approach plugin creation. All of this could be a pehnomenal co-lab series on both of your channels.
P.S. Have either of you guys thought about creating a plugin (either chrome based or directly in Squarespace) to make it easier and more "no-code/visual" for implementing and manipulating GSAP animations?
In my head I'm envisioning something akin to Squarekicker, but as more of a tool to make using GSAP effectively no-code or GUI style with input fields, buttons and sliders, etc, rather than having things actually built into the plugin itself (that way your not realy competing with Squarekicker, not reininventing the wheel in terms of animation library, and can let users choose which GSAP version they want to use, free vs pro, and since users would supply GSAP to their site themselves rather than you providing it as part of the plugin, I think it would not be breaching any of GSAPs licensing).
It could maybe be like a chrome extension, obviously with the main goal beign for GSAP use on Squarespace, but maybe if it is a chrome extension it could be site builder agnostic. Which could also open it up to be more of an opensource project for all GSAP users, regardless of platform.
Tying into above comment, maybe a "context sheet" could be created for each platform and added to the plugin, users could just choose a dropdown in the plugin for which platform your building on in case there were any difference in how GSAP gets used.
The Squarespace ID finder (or proposed Element Finder) plugins could be used in conjuntion to help target the elements and sections to animate with GSAP.
I think this would be super helpful, even if the v1 was just a glorified code generator that users could create a visual preview while the plugin was active but ultimately just created a copy/paste block to drop back into Squarespace's injection area to actually save the animations. It'd make visually dialing in GSAP a breaze (ideally) and allow more none coders to use it too.
Anyway, please steal the idea cause I'd love this to existi. 😂
P.P.S This is also the main reason I wanna see Will talk about Cursor, cause then I'd just give it a try myself. 🤪
These are some great ideas! I think those UI’s are a bit beyond my coding level at this time so I can’t act on them, but great ideas nonetheless