✨Introducing YesCheff is a web app that helps you... learn, cook, and enjoy your favorite recipes through step-by-step cooking guides built from real YouTube content. You can even use your own YouTube links. A small but special project where I brought all my capabilities together, from design (brand & product) to animation, and development. This project came from exploring how Al models parse data into frontend components and the development of generative interfaces. I designed and developed the structure through React components (HTML, CSS, JS) for the frontend and Node.js for the backend. This is a testament of how one could develop digital products in a less frustrating and more flexible way with the use of Al, particularly when it comes to getting the styling and functionality right. Now which foods are you eager to learn? Check it out at #YesCheff #WebApp #AI #Design #FrontendDevelopment #ReactJS #NodeJS #ProductDesignshow more

JEHTOMS 5.0
85,213 görüntüleme • 10 ay önce
Here is a drill to help you learn what... it feels like to use the ground and start to sequence effectively. Notice how the club is setup in the video between my feet. Get to your back swing and jump favoring your lead foot left and laterally like I am. With that feeling step in and hit one. Not where you are pushing off from when you swing and try and get that into a feeling that makes sense to you. This is how power is created in the golf swing. This is also where physical limitations can show up.show more

Drake Smith
30,852 görüntüleme • 3 ay önce
Simplicity is at the heart of great software. This... is one of the reasons why Claude Code has been sticky for me. As a builder, I love planning and brainstorming, and this is now a key focus of Claude Code. I use Shift + Tab a lot to cycle between brainstorming, planning, and execution. This functionality provides the appropriate interface for me to either be very involved or less involved as I please. This works particularly well when building out new and complex features or entire new projects. This saves a huge amount of time. It allows me to tune Claude Code to execute and build more effectively. It also builds a loop of trust, and I often (surprisingly) find Claude Code asking for clarifications when it's confused. Coding agents don't normally do that. I have shared before on the power of brainstorming with AI for longer times. Try it and you will not be disappointed. Vibe coding is fun, but pair it with intentional development cycles, and you watch how far you can take a project with coding agents today.show more

elvis
81,765 görüntüleme • 9 ay önce
I built a full-stack Chat App to learn React... Deeper. When I started, I only know the basics in React. I was hesitant at first if I would be able to do it or not, but I started building it anyways. Through building it, I have learned: - Typescript - Tailwind - Redux - Firebase - File Structuring - Optimization - More hooks The list could go on... The point is you don't need to know it all to start building something. Fundamentals are enough, you can figure out and learn the others on the way. Here's the link of the app: Source code: I create visual web dev content and its all here:show more

Ali
112,136 görüntüleme • 2 yıl önce
This was us haha. Sreejith PP Arpit Saxena and... I built Andrej Karpathy-fy! It takes a paperswithcode link, your current proficiency and gives you a tailored 5 lesson plan to go from where you are to the meaty parts of the paper implementation - like the karpathy video series / labml style. This is a task none of the previous models could do, and O1 was really good at. The best part? The output is an executable ipynb notebook (which you can use minusxai to work through :) ) The below video has apple's recent monocular depth paper. I could actually go through and understand it, with loss functions from the paper and everything!show more

Vivek Aithal
200,848 görüntüleme • 1 yıl önce
004/100 Buttons. A bit of the process on building... an animation. When looking at a finished animation or in this example a finished button, it can look quite complex inside the CSS. But when building it, it’s more like a lot of simple steps, one after another. Here I had the idea to make some kind of text animation like the footer logo on the Osmo site. I try to add the base animation with no complex easing, for example transition: translate 0.4s ease. Starting with just moving the one text from bottom to top and the other text to top. Adding a stagger, play around with it. Searching for a way to make it more circular. On the research I found the sin() function inside CSS which can build a more smooth non linear curve for the stagger which creates this circular effect. And step by step adding more complexity like, different easing for hover/hover-out, opacity, 3D transform and more. I use also the sin() function to rotate the letters, so the middle ones are getting more rotated than the outer ones. Another thing which helps is to add a small delay on hover, for example 0.05s or 0.1s, you don’t really see the difference, but when you hover pretty fast on and out it doesn’t get that jumpy. I’m using here GSAP’s SplitText to split every char into spans. And then I’m adding a CSS index variable to every span, starting from the center. SplitText can provide CSS index variables, but you cannot tell it from which direction. For the sin() it’s also important to have a max length, so I add another CSS variable with the max char number on it. Crafting 100 Buttons with Osmo ⏳ Total time: 63hshow more

Eduard Bodak
166,023 görüntüleme • 3 ay önce
This week, we shipped new features to give you... more control over how and where you experience YouTube: 🥽 You can now watch YouTube videos on Samsung Electronics Galaxy XR, the first Android XR headset. In your own YouTube theater, you can explore the world’s largest library of 180 and 360-degree VR content. Read more: ⏰ With our new Shorts feed timer, you can set a daily limit for how long you scroll through Shorts. This tool comes in addition to existing wellbeing features, like take-a-break and bedtime reminders. Learn more:show more

Neal Mohan
328,709 görüntüleme • 10 ay önce
HTML Artifacts are a big part of how I... work with agents now. Artifacts can be more than just static files. When combined with agents, they can take action or help you take action. This unlocks all kinds of interesting ways to work with agents. This is clearly the future. Check out this writing and scheduler artifact I built in a few minutes. It uses a bit of HTML and JS. All the data is in markdown (Obsidian vaults), so the agent can access and modify it at any time. No DB needed. No sophisticated functionalities. The agent decides all that for me based on the skills, context, and memory it has access to. The best part about this simple stack is that all the important information stays with me. This has allowed me to build a recursive self-improving system and automations that can better tap into coding agents like Codex or Claude Code. I could have paid or built an entire app for scheduling posts, and there are so many of them out there. But I don't need to. I've realized a simple artifact does the job. And the simplicity of it is actually an advantage. Very little maintenance for very high returns on personalization, time, and efficiency. The other benefit of this is that I can add features as I please. That level of personalization feels magical, and we should all be pursuing more of it. All of this just keeps compounding. Of course, this example is just about writing. But I have similar artifacts for research, design, experimentation, evaluation, and so much more. And no, I didn't actually publish the post example I shared in the clip. It was just for demonstration purposes. I actually spend more time than this when writing together with agents. Lastly, having built my own agent orchestrator tool has made me realize that simplifying the tool stack is a superpower. If you are curious about how all this works, I will do a live session next week:show more

elvis
18,374 görüntüleme • 3 ay önce
🔥How to execute a Steeler Stunt Step 1: Dip... and Step To get to your assigned gap it’s critical to avoid contact on your first step. To accomplish this step lateral and dip your shoulder to reduce the surface area your opponent can use to seal you from your gap. Step 2: Read the adjacent blocker Transfer your eyes from the primary blocker to the adjacent blocker so you can react appropriately to his block. On this play, since the adjacent blocker pulls the proper reaction is to get vertical. Step 3: 2nd Step Vertical In order to disrupt the pin and pull you need to get vertical. This will put you in the path of the RB and in prime position for a TFL.show more

Craig Roh
393,793 görüntüleme • 3 yıl önce
I wrote a step-by-step guide to blocking AI bots... from harvesting your site, designed for developers and sysadmins. Over 90% of the sites I’ve reviewed in the last two months have had more requests from bot traffic than humans. AI bots are scraping your site for purposes like: ▶ building models off your data ▶ finding security vulnerabilities in your site ▶ setting up comparisons of your site and data vs your competitors I outline how to: 📍Sort out your AI bot strategy. 📍How to identify and track AI bots hitting your site. 📍What tools should you apply when asking bots not to scrape fails? 📍What immediate steps can you take in your robots.txt file to stop AI bots? ✅ So why is now the time to dig into this? It’s still early days for AI, and there’s a land grab going on for your data. Big tech, startups, and even governments are rushing ahead, and you’re playing without all the information you need. This gets you up to speed fast. Reply with “WTF AI Bots” follow me, and I’ll DM you the guide.show more

Michael Buckbee
12,164 görüntüleme • 2 yıl önce
OpenAI's Deep Research is getting a run for its... money. Deep Lake was just released, and it's a different take on an AI system that can do deep research on your own data. You can use Deep Lake to build AI search with reasoning on your private and public data. (Look at the attached videos to get an idea of how it works.) If you want to research proprietary and sensitive data, Deep Research won't help you because it's limited to public data. Deep Lake, however, will allow you to use your private data. On top of that, Deep Lake supports multi-modal retrieval from the ground up. It uses vision language models for data ingestion and retrieval so that you can connect any data (PDFs, images, videos, structured data, etc.) You can even use mixed-data queries! Deep Lake can search your data from S3, Dropbox, and GCP. It learns from your queries over time, making the results as relevant to your work as possible!show more

Santiago
171,340 görüntüleme • 1 yıl önce
SOMEONE VIBE CODED AN APP THAT TURNS ANY PHOTO... INTO A REAL PHYSICAL STAMP YOU CAN ORDER you snap a photo, it cuts it into a clean stamp design, and you can order the actual physical stamp to press onto anything. > take or upload any photo or image > it turns it into a proper stamp design automatically > all your designs are saved and sorted by date, so you can go back to any of them > order the real physical stamp right from the app and it ships to you > press it onto letters, packaging, cards, whatever you want so instead of paying a custom shop and waiting, you make your own stamp from a photo in a couple taps, then order it without ever leaving the app. the whole thing is dead simple and does one thing well, which is exactly why people love itshow more

Om Patel
100,110 görüntüleme • 1 ay önce
more frontend vibecoding tips (results below): WHY YOUR VIBECODED... FRONTENDS ALL LOOK THE SAME AND SUCK: when asked to make a frontend, the agent/llm will default to the center/average of its training data (in a very loose sense). through the training process, the model essentially converges on some default UI style. it's very capable of doing things that are different from this style, but you have to ask! for instance, ChatGPT tends to reply in the same tone for all users untill you interact with it and instruct it differently ("be sassy", "eli5"). the second reason is that most of us are not good at coming up with designs and describing them precisely (see my tweet on a crash course in common components, which i'll link below). treat frontend generation just like any other eng task! you need to provide a good detailed spec. TIPS: 1. give ur agent screenshots of designs you like (you may not know the right words to describe them but the agent will! a pic = 1000 words) where to find ui inspo? Behance, Dribbble, Mobbin (Mobbin is paid but worth it!) 2. ask ur agent for proposals, this helps "seed" different directions so the final frontend stands out. don't be afraid to go back and forth. 3. ban certain tendencies: no Inter/Roboto, no shadcn (controversial), no gradients, no emojis 4. encourage the agent to be extreme and make bold decisions, not safe ones. i think that the underlying models tend to get taught during RL/fine-tuning to make conservative choices that produce reasonable but boring frontends 5. give ur agent Figma MCP. the best results will come if you mockup your vision in Figma first. 6. Ideally choose an agent with vision capabilities TLDR: Most people are tremendously underusing agents for frontend design. They are much better than you might expect.show more

andrew gao
64,566 görüntüleme • 5 ay önce
✨ I've brought back from the dead It was... my first visual AI project in 2022, and it's this project that generated random ArchDaily-style architecture designs that made me realize AI image models could do interior design That led me to make which then led me to finetune my first interior design model which then for fun I uploaded my own photos too, which led me to make and then pivoted that in to So this project has a special place for me It was still alive but wasn't generating new designs anymore because it ran on Stable Diffusion 1.5 which was outdated and everything stopped working about a year ago I've now migrated it to its own Hetzner VPS now, which means I can run Claude Code on the server with it, and cleaned it up and upgraded it to the latest AI image models (including Nano Banana Pro) It now generates about 12 new designs every day again, and you can up or downvote the ones you like or don't like!show more

@levelsio
204,387 görüntüleme • 5 ay önce
🚨I have made a step-by-step tutorial on how I... made this animation🚨 Also, I'm giving away the project file of this animation with the tutorial To get it: Like❤️ RT♻️ Comment "CREATOR" AND follow (So that I can send it to you) If you're someone looking for a video editor DM me and we'll get creating.show more

Baqir Ali
30,029 görüntüleme • 2 yıl önce
From Mexico to you 💚🇲🇽 Engfa Waraha (ตัวจริง) A... special LED billboard project created with so much love to celebrate your birthday and all the light you bring into our lives. Thank you for inspiring us with your strength, your talent, your kindness, and your authenticity. You continue to grow, shine, and achieve incredible things, and we feel so honored to support you from the other side of the world.🇲🇽🌎🇹🇭 This project is just a small way to show how proud we are of you and how deeply you are loved in Mexico.♥️ Happy Birthday, Engfa ✨ Feliz cumpleaños 🥳 TE AMO! #อิงฟ้า31เผ็ดเกินต้านเดย์ #อิงฟ้ามหาชน #EngfaWaraha #อิงฟ้าวราหะ Engfa Waraha (ตัวจริง)show more

Engfa Waraha🇲🇽México Official Fans
27,016 görüntüleme • 6 ay önce
most AI chatbots break when you ask a question... that requires info from multiple sources for example try asking: “which client contracts are finishing up this month?” you’ll get a half-answer — or none at all why? because traditional chatbots only look at small snippets of your docs - they don’t understand how things connect across clients, services, timelines that’s where knowledge graphs come in they let you turn messy contracts into a web of relationships — like: "Client → Contract Type → Service Provided → End Date" so instead of guessing from a few chunks of text, your chatbot can search across all your clients and contracts to give accurate answers I made a full walkthrough on how I built this: – how to organize your contracts so an AI can actually use them – how to define what matters (like who signed what, and when) – how to get the AI to figure out what info it needs and where to find it – and how to feed that back into your chatbot so it gives accurate answers reply “graph” and I’ll DM it to you (must be following)show more

Tyler
24,994 görüntüleme • 1 yıl önce
#รักปากแข็งEP1 #SWSHGL #รักปากแข็ง #เฟเมษ์ #FayMay #fay_riezz #maywyda #MBKxFayMaySWSHGL [𝗜𝗻𝘁𝗲𝗿𝗳𝗮𝗻... 𝗦𝗾𝘂𝗮𝗱 - 𝗣𝗿𝗲𝗺𝗶𝗲𝗿𝗲 𝗙𝗮𝗻 𝗣𝗿𝗼𝗷𝗲𝗰𝘁] 。˚♡ From day one, we've been cheering you on from every corner of the globe. We are the fans who have been with you from day one, through every dream, every challenge, and every triumph. We believed in you then, and we believe in you now more than ever. This journey you've embarked on is your own, but you are not alone. To celebrate this new chapter, we've put together a money bouquet to wish you all the success in the world.. We've also poured our hearts into a special book for you, one that is truly a labor of love. This project is special because of the collective love it represents from your fans all over the world. It’s filled with letters and art, with many of us staying up late and literally pouring our blood, sweat, and tears into it. Every penny, every late night, every single drawing and letter—it’s all for you. This wouldn't have been possible without the generous donations from so many fans around the world. So, a huge thank you to everyone who contributed!show more

FAYMAY Interfan Squad
23,514 görüntüleme • 1 yıl önce
I can't believe how good this turned out. Recently,... I put out my first physics paper proposing that life and the universe might be the result of a law governing how oscillators sync up and couple together. I find it beautiful, awe-inspiring, and deeply meaningful. It aligns with how I have always seen the world. It suggests that there is an arrow of negative entropy, a law governing how life forms in all of its complexity. Learning about it is intimidating. I am self-taught, and have struggled for months to understand and articulate the core concepts and framework. After I put out the paper, I was challenged by Danielle Fong 🔆 to make an 'explorable explanation'. A guide you can walk through, and which will hold your hand through each concept, equation, and principle. It was amazing to make. In fact, I plan to make many more covering the wide range of topics I have been researching and exploring. Both to help me, and because I believe that this is something the world needs right now. Link in commentsshow more

Parzival - ∞/89
23,099 görüntüleme • 4 ay önce
I’ve been using Rork as a partner for over... a year and have built more than 10 projects with it, including both apps and games. You can absolutely build an app from development all the way to a production launch on the App Store with AI. Users don’t care what you used to build your app. They care whether it solves their problem and how well you distribute it. For an MVP to test the market, you don’t need a huge team, an outsourcing company, or to spend tens of thousands of dollars. 🥴show more

Alex Nguyen
12,220 görüntüleme • 12 gün önce