- Видео 21
- Просмотров 64 561
Designed By Aswin
Германия
Добавлен 13 июл 2019
AI Portfolio analyzer: Firecrawl, Langchain & Cursor Tutorial
In this video we'll explore how to use Structured outputs and Firecrawl to scrape a website and analyse it's contents using an LLM
Download plugin for free - www.designwithprompts.com/articles/figma-code-plugin
📬 Join my free newsletter to learn more about designing with cursor:
designwithprompts.com/
FIND ME ON SOCIAL
Instagram: aswinckr
Linkedin: linkedin.com/in/aswinckr
X: x.com/aswinckr
00:00 Firecrawl Scraper
01:38 Setting up the project
06:39 Creating Instructions
10:08 Building Frontend
17:15 Structured Outputs
24:48 Displaying UI
29:20 Crawling URLs
Download plugin for free - www.designwithprompts.com/articles/figma-code-plugin
📬 Join my free newsletter to learn more about designing with cursor:
designwithprompts.com/
FIND ME ON SOCIAL
Instagram: aswinckr
Linkedin: linkedin.com/in/aswinckr
X: x.com/aswinckr
00:00 Firecrawl Scraper
01:38 Setting up the project
06:39 Creating Instructions
10:08 Building Frontend
17:15 Structured Outputs
24:48 Displaying UI
29:20 Crawling URLs
Просмотров: 144
Видео
Figma to Code in Seconds with Cursor
Просмотров 1,4 тыс.21 день назад
Download plugin for free - www.designwithprompts.com/articles/figma-code-plugin 📬 Join my free newsletter to learn more about designing with cursor: designwithprompts.com/ FIND ME ON SOCIAL Instagram: aswinckr Linkedin: linkedin.com/in/aswinckr X: x.com/aswinckr
Building a second brain with AI - Cursor Tutorial
Просмотров 26128 дней назад
Watch me use Cursor & AI to create embeddings of my personal data to and create a custom GPT to chat with it 📬 Join my free newsletter to learn more about designing with cursor: designwithprompts.com/ FIND ME ON SOCIAL Instagram: aswinckr Linkedin: linkedin.com/in/aswinckr X: x.com/aswinckr
Complete beginners intro to Cursor & v0
Просмотров 529Месяц назад
Watch this full recording of a workshop where I show you how to design & build with Cursor & v0. 📬 Join my free newsletter to learn more about designing with cursor: designwithprompts.com/ Tooling & Installation - ruclips.net/video/r2mwfN-6yDU/видео.htmlsi=-NGU0vzb8WNn87rY FIND ME ON SOCIAL Instagram: aswinckr Linkedin: linkedin.com/in/aswinckr X: x.com/aswinckr
Figma Reactions in 15 minutes
Просмотров 151Месяц назад
In this video I'll show you how to build Figma Reactions with Cursor composer & AI. Follow these easy steps to build your own interactions add it to your website. 📬 Join my free newsletter to learn more about designing with cursor: designwithprompts.com/ FIND ME ON SOCIAL Instagram: aswinckr Linkedin: linkedin.com/in/aswinckr X: x.com/aswinckr
Chess clone in 10 minutes : Cursor Tutorial
Просмотров 248Месяц назад
In this video I'll show you how to build chess clone with No code using Cursor composer & AI. Follow these easy steps to build your chess game and add it to your website if you like. 📬 Join my free newsletter to learn more about designing with cursor: designwithprompts.com/ FIND ME ON SOCIAL Instagram: aswinckr Linkedin: linkedin.com/in/aswinckr X: x.com/aswinckr
AI Copywriter Figma Plugin Full Course - Cursor Tutorial
Просмотров 940Месяц назад
In this video I'll show you how to build an AI Figma Plugin with No code using Cursor composer. Follow these easy steps to build your own Figma plugins 📬 Join my free newsletter to learn more about designing with cursor: designwithprompts.com/ FIND ME ON SOCIAL Instagram: aswinckr Linkedin: linkedin.com/in/aswinckr X: x.com/aswinckr TIMESTAMPS: 01:16 Project Setup 07:14 Capturing ...
Interactive Piano in 10 mins - Cursor & v0 tutorial
Просмотров 185Месяц назад
In this video I'll show you how to build an interactive piano with No code using Cursor composer & AI. Follow these easy steps to use sounds into your own application. 📬 Join my free newsletter to learn more about designing with cursor: designwithprompts.com/ FIND ME ON SOCIAL Instagram: aswinckr Linkedin: linkedin.com/in/aswinckr X: x.com/aswinckr
Angry birds clone in 10 minutes : Cursor No Code Tutorial
Просмотров 3,9 тыс.Месяц назад
In this video I'll show you how to build angry birds with No code using Cursor composer & AI. Follow these easy steps to use 2D physics into your own application. 📬 Join my free newsletter to learn more about designing with cursor: designwithprompts.com/ FIND ME ON SOCIAL Instagram: aswinckr Linkedin: linkedin.com/in/aswinckr X: x.com/aswinckr
3D Interactive Planet in 10 minutes - Cursor Tutorial
Просмотров 187Месяц назад
In this video I'll show you how to build an interactive 3D planet with No code using Cursor composer & AI. Follow these easy steps to build your own! 📬 Join my free newsletter to learn more about designing with cursor: designwithprompts.com/ FIND ME ON SOCIAL Instagram: aswinckr Linkedin: linkedin.com/in/aswinckr X: x.com/aswinckr Try it out here: interactive-globe.vercel.app/
Interactive 3D iPhone in 10 minutes - Cursor No Code Tutorial
Просмотров 190Месяц назад
In this video I'll show you how to build an interactive 3D iPhone with No code using Cursor composer & AI. Follow these easy steps to build your own! 📬 Join my free newsletter to learn more about designing with cursor: designwithprompts.com/ FIND ME ON SOCIAL Instagram: aswinckr Linkedin: linkedin.com/in/aswinckr X: x.com/aswinckr Try it out here: ai-interactive-iphone-6uah.vercel...
Fastest way to design & build UI : v0 & Cursor tutorial
Просмотров 13 тыс.2 месяца назад
In this video I'll show you how to design & build UI with No code using Cursor composer & v0. Follow these easy steps to build your own! 📬 Join my free newsletter to learn more about designing with cursor: designwithprompts.com/ FIND ME ON SOCIAL Instagram: aswinckr Linkedin: linkedin.com/in/aswinckr X: x.com/aswinckr
Protopie Crash Course ( 2020 ) : Variables p9
Просмотров 2,3 тыс.4 года назад
Protopie Crash Course is tutorial video series where we learn to prototype with Protopie and learn how to build and test different examples. Join me on Telegram for Inspiration & Discussions - t.me/designerxio Download Source Files here - bit.ly/protopiecrashcoursefiles Download Protopie here - protopie.io For a classroom experience, visit designerx.io - bit.ly/designerx-protopie
Protopie Crash Course ( 2020 ) : Drag and Drop p8
Просмотров 2,8 тыс.4 года назад
Protopie Crash Course is tutorial video series where we learn to prototype with Protopie and learn how to build and test different examples. Join me on Telegram for Inspiration & Discussions - t.me/designerxio Download Source Files here - bit.ly/protopiecrashcoursefiles Download Protopie here - protopie.io For a classroom experience, visit designerx.io - bit.ly/designerx-protopie
Protopie Crash Course ( 2020 ) : Animations p7
Просмотров 3,2 тыс.5 лет назад
Protopie Crash Course ( 2020 ) : Animations p7
Protopie Crash Course ( 2020 ) : Checkboxes & Radiobuttons p6
Просмотров 6 тыс.5 лет назад
Protopie Crash Course ( 2020 ) : Checkboxes & Radiobuttons p6
Protopie Crash Course ( 2020 ) : Progressive Input p5
Просмотров 2,6 тыс.5 лет назад
Protopie Crash Course ( 2020 ) : Progressive Input p5
Protopie Crash Course ( 2020 ) : Paging & Scrolling p4
Просмотров 9 тыс.5 лет назад
Protopie Crash Course ( 2020 ) : Paging & Scrolling p4
Protopie Crash Course ( 2020 ) : Rapid Prototyping p3
Просмотров 2,7 тыс.5 лет назад
Protopie Crash Course ( 2020 ) : Rapid Prototyping p3
Protopie Crash Course ( 2020 ) : Testing on your device p2
Просмотров 2,7 тыс.5 лет назад
Protopie Crash Course ( 2020 ) : Testing on your device p2
Protopie Crash Course ( 2020 ) : Introduction p1
Просмотров 12 тыс.5 лет назад
Protopie Crash Course ( 2020 ) : Introduction p1
This is awesome! More mini-game guides using Cursor please! 🙏🏼 I tried doing a Candy Crush type of game and Flappy Bird game but couldn’t get it working with custom images 😢
Hey brother looks good, can you do the same with bolt ?
@@Applecitylightkiwi yes ofcourse! I’ll make another video with bolt soon
The image quality has changed a lot for the better way! Keep going man!
The gravity part isn't working for me
You will have to break it down and add one thing at a time Try saying that to cursor chat and understand why first. then you can debug it!
Now how do you turn off the ai code in so sick of it forcing me to use it in cursor
you mean the composer? Can't you just close the side pane?
Subscribed!
🎉🎉
Thanks for that <3
Truly Awesome! Can't wait to see more!
Great! Your website also looks very cool and good looking. Did you design it on Figma and then used Cursor or did you build it entirely with Cursor?
I made it entirely on Cursor :)
hey i need your help to customize the codebase of stockfish to analyze a specific chess variant how can i contact u
amazing!
Great. Nice idea 👍
This was so insightful!✨ Thank you for this video... Would love to see more tutorials around v0 & cursor 🔥
@@RinkeshBist Thankyou! My channel is full of similar tutorials :) posting at least one every week!
May i know you use Claude API paid one? or using $20 per month?
@@vrynstudios I right now just pay for cursor. When I made this video I was not paying though
@@aswindesign Should I pay for API or go with Claude chatbot? Recently I tried with Cursor, but in few requests, it stopped working and asked to upgrade. It is almost unusable.
@@vrynstudios I would just pay for cursor! For most cases this is sufficient
@@aswindesign thanks for your time.
Thank you for making this. I have watched lots of videos, didn’t understand anything. But you gave me the clear Idea what can I do into it. As a designer understanding code related stuff is tough. But thanks again, we need more stuff related to v0, cursor ai, and claude ai as well.
@@Chirag-Madhu I’m glad! Thanks for the feedback Chirag
That;s great. Please do more. Question, do you ( or anyone ) know of any similar software that can help to build the backend of the UI?
@@IanPritchard you can use nodejs and cursor! And Replit to make hosting easier
@@aswindesign Thankyou, I'll take a look.
It's honestly pretty cool, but it's not a ready to go app at all, it's not connected to any database, if you reload the page the edits you made won't be there
@@frankdrolet9439 true! database is for another video! it's very easy! will make one this week :)
Great Job. Thanks
Great stuff - learning a lot from this. Keep the videos coming.
Thanks for the feedback! 🙌🏽
Your contents are great! Happy to be your 1k subscriber.
@@thegptlibrary Thanks so much!! You made my day! ✨
I'm loving your channel. I used to consult doing webMethods B2B/EAI middleware integration but retired now I'm 55 and loving all this AI assisted web development. You can even use dictation on Mac or with certain apps to talk to the AI so not even any typing. :) Next lessons could be hooking up the code to databases, APIs, authentication, etc. Another cool thing to note is with Cursor Ctrl-K AI you can access the command line and get it create a directory and generate a new TypeJS/React project without doing it yourself :)
@@tradingwithwill7214 wow thanks for the tips and feedback! I’ll definitely include them in my upcoming tutorials 🙌🏽
LFG🔥
Amazing 🙂
Valuable tutorial 👍 Thanks ❤
Very useful and helpful tutorial ....Thanks for sharing.
Great video. I wasn’t sure why you used vitejs instead of nextjs but I will ask AI :)
@@tradingwithwill7214 Vite is faster than Next. If there was no dependency on v0 I would use Vite But also I’ve been noticing AI to work better on next. Probably because AI gets trained on a lot more next applications (assuming). Next is the market leader now!
Awesome
idea: only use cursor to build fuctionality and some okay okay UI but actually use figma screen to feed into some tool that changes the UI of the code based on figma designs and plugs it into cursor generated functionality, I mean I'm talking about perfection in UI with ai
Great idea! I saw another post trying this out with great results. noted for the next one!
I'm just extremely excited for this channel you can also co-create tutorials with respective experts
Appreciate the support, Divyansh! 🙌🏽
Imagine a youtube channel that teaches everything like react, node, python etc and uses cursor as an editor I'll wait for the notification if that happens imagine CodeWithHarry but in Cursor era 🥳🤯
wow, we want more like this with different functionality along with some quick react/ts/js etc tutorials on the side using documetations It'll be a lethal combination
More coming up in the future!
please build a Higher Education Management Information System
Oh wow that's super specific!
😃Fantastic! I've been searching for a tutorial like this. Btw, I've created a tool similar to OpenAI Codex using just Cursor, v0 and OpenRouter API. I'm currently refining it and will be happy to share it once it's deployed on Vercel.
@@ishaanpotnis awesome! Do share it here ✌🏽
can we have chess game or similar board games in coming videos?
For sure! chess clone coming next week 💪🏽
Great content, as always 👍
Thanks@@ishaanpotnis 🙌🏽
DEF LOOKS LIKE YOU ARE CODING
@@phu320 well if you define coding as Writing code to achieve something I’m writing prompts and minor editing some numbers in the code so it’s debatable :)
What’s the main difference between Cursor and Copilot ? Which one do you suggest ?
@@pcgs_ cursor definitely! Copilot is slower and makes more mistakes in my opinion Cursor also seems to have better understanding of my code base But this is my experience now. Copilot may be getting better each day I personally love the experience of cursor for designing
@@aswindesign Thanks, I’ll give a try 💡
wow, thats amazing, can I get source code please Thanks in advance
Sure! Check back tomorrow on my website - designwithprompts.com/ Will attach source code to all of them there ✌🏽
That was really fire, Ashwin. Learned some tips from this video even though I have been using cursor for a long time.
Glad to hear! Thankyou!
Thank you for accepting my request and making video on cursor ai. I really appreciate it 🙏
@@ishaanpotnis your encouragement gives me the motivation to do this! Thankyou for that
The 5 additional minutes for the explanations 😉
I'm really loving these no-code series. Please bring more tutorials for Cursor and v0
@@ishaanpotnis will do!! 🙌🏽
You are a good teacher. Please bring more videos on v0 and Cursor please
@@ishaanpotnis thanks the feedback Ishaan!
this is so awesome! Aswin! Could you give more tutorials on this?
@@jiaqinie3549 Nicole!! 🔥🙌🏽
For anyone looking at this in 2023 - you can use the parent component rather than the other component option
Thanks for the call out :)
Appreciate the tutorial. You just saved me an hour of manually adding condition to each button!
Hmm Outside Component is no longer on option?
You made this so simple and save my day !! Thanks for telling us why parts don't work aswell it's great to know
Thanks for your kind words Nerys ❤
when I insert a media file in protopie can I PLAY IT ?