If you don’t have more than 3 things in your “Top 3” of the day are you really even trying?
Gianluca Mendiola | GMT
🇦🇷🇪🇸 Framer web dev & marketeer based in Spain; I help biz owners get traction online, hassle-free; CEO at GMT
🇦🇷🇪🇸 Framer web dev & marketeer based in Spain; I help biz owners get traction online, hassle-free; CEO at GMT
3am Framermaxxing sessions hit different.
You do tend to get the most off your to-do list when there are zero distractions.
Would you use this on one of your sites? It's an AI inspired FAQ interactive section Framer component.
Same feel as an LLM, but extremely lightweight in comparison to run smoothly on your site.
It has question "sets," so you can get as many Q&As in it as you like while still keeping it small for a clean design and layout.
Let me know what you'd change, still working on it before shipping.
First component in the making, while trying out Framer's built in Fable 5.
Doing great so far, might run out of credits from all the Clauding.
How to connect Claude Code to your Framer project (in under 9 mins.):
- Create a Project Directory on your PC (where you’ll put the files you want claude to work with)
- Open your Terminal and run the command cd directory_name
- On the same terminal window, run the command claude
- Claude will launch in the new directory, now you need to download the Framer agent skills to work on your project:
- Run this command npx @framer/agent setup
- Follow the instructions on the terminal, should be done in about 5 min
- Ask Claude to make sure the skill files were downloaded correctly
- Once you’re done downloading the skills, open a new terminal window and launch claude, which will now have access to the /framer commands
- Now type: /framer [paste your project invite link here]
Claude will access your project but first you’ll have to grant permission (via login window, will open automatically, don't worry).
Once the connection is established Claude will let you know via the terminal and you can now send it instructions to work on your Framer project.
You're welcome.
![How to connect Claude Code to your Framer project (in under 9 mins.):- Create a Project Directory on your PC (where you’ll put the files you want claude to work with)- Open your Terminal and run the command cd directory_name- On the same terminal window, run the command claude- Claude will launch in the new directory, now you need to download the Framer agent skills to work on your project: - Run this command npx @framer/agent setup - Follow the instructions on the terminal, should be done in about 5 min - Ask Claude to make sure the skill files were downloaded correctly - Once you’re done downloading the skills, open a new terminal window and launch claude, which will now have access to the /framer commands - Now type: /framer [paste your project invite link here]Claude will access your project but first you’ll have to grant permission (via login window, will open automatically, don't worry).Once the connection is established Claude will let you know via the terminal and you can now send it instructions to work on your Framer project.You're welcome.](https://image.mux.com/PiIRMe02FwOH8FOGd01A00qSxg025fCQfdU01R9KCBK93VfI/thumbnail.webp?time=0&width=640)
Awesome new project I took on for a local calisthenics gym whose owner is a friend of mine.
They are getting a lot of traction locally and it's great to be a part of something that improves people's life's while also showcasing my work.
This is just the landing page for now, I'll get the full structure version out soon, stayed tuned.
Simple code component I created for this architecture studio project I'm working on.
Here's the prompt I used to create it:
"Create a code component in [your stack here], turn this section into a track of images that move from right to left as the user scrolls down the page. Once pictures in this scrollable carrousel have passed, visitors can continue to scroll along the website. The images are attached (make sure you attach your photos)."
Let me know what you think and if you've made anything similar, would love to see it.
![Simple code component I created for this architecture studio project I'm working on.Here's the prompt I used to create it:"Create a code component in [your stack here], turn this section into a track of images that move from right to left as the user scrolls down the page. Once pictures in this scrollable carrousel have passed, visitors can continue to scroll along the website. The images are attached (make sure you attach your photos)."Let me know what you think and if you've made anything similar, would love to see it.](https://image.mux.com/h2OFwq4VXMMN8kmeuU00p8vl8ydIEIyukd4yDimCbVTQ/thumbnail.webp?time=0&width=640)
The fitness niche is quite saturated but some projects still deserve some love and are worth getting into for designers.
This one's almost done, will most likely be turning it into a template after getting the full version out with some proper structure.
Always be shipping.
