Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

Should I make this personal project Open Source 😃? Tech stack used: - Angular v17.3 (new inputs, outputs) - Angular Material 3 (+ dark mode) - Firebase (+ local dev) - Tailwind (layouts and some styling) - ngxtension (connect, computedAsync, injectParams) #angular

Enea Jahollari 🅰

11,843 subscribers

11,032 Aufrufe • vor 2 Jahren •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Kyler Johnson

Kyler Johnsonvor 2 Jahren

Yeah, I’d love to see the material 3 setup.

Profilbild von Renato Carneiro

Renato Carneirovor 2 Jahren

Did you configure Material v17 with Tailwind by sharing the themes (light and dark) and color palettes? It’s one of my difficulties today. I’d love to take a look :)

Profilbild von Enea Jahollari 🅰

Enea Jahollari 🅰vor 2 Jahren

Oh no, that's not the case 😄 I'm just adding everything. I'm using tailwind only for layout utilities.

Profilbild von Frosty

Frostyvor 2 Jahren

Of course! Why even asking 😂

Profilbild von Ervis Trupja

Ervis Trupjavor 2 Jahren

Looks great!

Profilbild von Rohit Yadav

Rohit Yadavvor 2 Jahren

Yes please, would love to see this and learn it.

Profilbild von Jordan Hall

Jordan Hallvor 2 Jahren

Yes!!!!!!

Profilbild von Denis Bundi

Denis Bundivor 2 Jahren

Yes please...

Profilbild von Adithya | adi.so

Adithya | adi.sovor 2 Jahren

Yea. Would love to see how you’ve used all these together.

Profilbild von Alex

Alexvor 2 Jahren

Yes!

Ähnliche Videos

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

CodeHagen

16,258 Aufrufe • vor 1 Jahr

I built a money printer this weekend🤯 Im confident that someone is going to make some money on this, please copy this and use it ✨ This weekend i did a mini project where you can make websites for people that has bad websites. → Enter a site’s URL → AI grabs their copy & colors → One-click and you make a new website for the client → You can rent out the site for a monthly retainer 100% Free and Open Source Tech Stack: Vercel shadcn GitHub Prisma v0 Repo is going up tomorrow for you, just need to clean it up 😅 #opensource #buildinpublic

I built a money printer this weekend🤯 Im confident that someone is going to make some money on this, please copy this and use it ✨ This weekend i did a mini project where you can make websites for people that has bad websites. → Enter a site’s URL → AI grabs their copy & colors → One-click and you make a new website for the client → You can rent out the site for a monthly retainer 100% Free and Open Source Tech Stack: Vercel shadcn GitHub Prisma v0 Repo is going up tomorrow for you, just need to clean it up 😅 #opensource #buildinpublic

CodeHagen

253,451 Aufrufe • vor 1 Jahr

I'm open sourcing a template I built to launch a full-stack SaaS with Stripe Payment, NextJS, Supabase and Google OAuth, in ONE SHOT. It took me some time so I decided to share this to you all. The goal is to help everyone save time when launching your next SaaS, with EVERYTHING YOU NEED. You can build anything. You can learn anything. 💪 Github Repo: Try The App: Video Link: Template Features: 🔐 Authentication with Supabase 💳 Stripe payment integration 🌓 Dark mode support 📱 Responsive design 🎨 Tailwind CSS styling 🔄 Framer Motion animations 🛡️ TypeScript support 📊 Error boundary implementation 🔍 SEO optimized

I'm open sourcing a template I built to launch a full-stack SaaS with Stripe Payment, NextJS, Supabase and Google OAuth, in ONE SHOT. It took me some time so I decided to share this to you all. The goal is to help everyone save time when launching your next SaaS, with EVERYTHING YOU NEED. You can build anything. You can learn anything. 💪 Github Repo: Try The App: Video Link: Template Features: 🔐 Authentication with Supabase 💳 Stripe payment integration 🌓 Dark mode support 📱 Responsive design 🎨 Tailwind CSS styling 🔄 Framer Motion animations 🛡️ TypeScript support 📊 Error boundary implementation 🔍 SEO optimized

Shen Sean Chen

189,715 Aufrufe • vor 1 Jahr

designing my new personal site with Pencil.dev connected it to Claude Code and turned on "Swarm Mode" and watched agents design my site in real-time, with their cursors actually moving and operating the screen, not just cosmetically! instead of the agents producing a raw HTML file, they generate something called .pen which is just a json file describing all layouts, components, and design. this means that it's easier than ever to have teams collaborate on design exactly as they do on source code (designers and engineers can now speak the same language!) once you are happy with a screen, you can open a new chat and reference .pen frame and start to generate the code (in React/ Next/ Tailwind etc), and run it on your dev server, producing a live website that visually matches your design

designing my new personal site with Pencil.dev connected it to Claude Code and turned on "Swarm Mode" and watched agents design my site in real-time, with their cursors actually moving and operating the screen, not just cosmetically! instead of the agents producing a raw HTML file, they generate something called .pen which is just a json file describing all layouts, components, and design. this means that it's easier than ever to have teams collaborate on design exactly as they do on source code (designers and engineers can now speak the same language!) once you are happy with a screen, you can open a new chat and reference .pen frame and start to generate the code (in React/ Next/ Tailwind etc), and run it on your dev server, producing a live website that visually matches your design

Sandra

93,463 Aufrufe • vor 4 Monaten

I’m building my personal website to look like VS Code. Not a normal portfolio. Not one of those “please hire me” type of websites. This one is different. It’s about who I am, what I build, what I teach, what I create, and the joy I find in tech. The site is already like 80% done Vibe coded 60% of that😂 Wrote the code for the Terminal feature myself. Right now, I’m still adding more ideas and making it secure small small (I no wan see any wahala because of vibes coding). Some employers might not like it. But that’s okay. Dem no even be my target. I’m building it because I genuinely enjoy stuff like this. Because I like when tech gets personality. Because sometimes the best things come from curiosity, passion, and just saying “abeg make I try something different.” Would you people like me to open-source it when I’m done so others can use it too? Also, drop ideas for features I should add. I want this to feel like an experience, not just a website. I am also building an open-source product for my company called StageSygnal. Will be ready soon so all of us can use it and even add features to it since it will be open source.

I’m building my personal website to look like VS Code. Not a normal portfolio. Not one of those “please hire me” type of websites. This one is different. It’s about who I am, what I build, what I teach, what I create, and the joy I find in tech. The site is already like 80% done Vibe coded 60% of that😂 Wrote the code for the Terminal feature myself. Right now, I’m still adding more ideas and making it secure small small (I no wan see any wahala because of vibes coding). Some employers might not like it. But that’s okay. Dem no even be my target. I’m building it because I genuinely enjoy stuff like this. Because I like when tech gets personality. Because sometimes the best things come from curiosity, passion, and just saying “abeg make I try something different.” Would you people like me to open-source it when I’m done so others can use it too? Also, drop ideas for features I should add. I want this to feel like an experience, not just a website. I am also building an open-source product for my company called StageSygnal. Will be ready soon so all of us can use it and even add features to it since it will be open source.

The Tech Prophet (Amospikins)

12,439 Aufrufe • vor 3 Monaten

🎉 Tailkit 4.0 is here, and I couldn't be more excited! 🙌🥳 But first - Giveaway Alert! Want to get a free Tailkit Developer license? Just drop a reply and give a like or repost (totally optional, but super appreciated). The lucky winner will be announced next Tuesday (October 8th) – good luck! Can you believe it’s already been 4 years since Tailkit’s journey started? ❤️ It feels like just yesterday I launched Tailkit 1.0 as an offline standalone web app back on October 1st, 2020. I'm really attached to this project because it was launched just a few days before I became a dad 👶😍 Fast forward to today, and Tailkit has grown into a fully customizable, feature-packed online app that gives you access to: - 550+ Tailwind CSS components (fully responsive + dark mode support) - 1,750+ Code snippets for HTML, React, Vue.js, and Alpine.js - 7 Marketing & Application Templates for HTML, React, Vue.js, and Laravel (fully responsive + dark mode support) - 10 Starter Kits for HTML, HTML with Vite, React, Vue.js, Laravel, Next.js, Nuxt, Astro, Svelte and Angular - 30 Days of Unlimited Design Service with every new Team license - Exclusive deals on third-party tools and projects - Handy helper tools like Button Builder, Color Palette, and Icon Finder - 3,700+ SVG Icons from Bootstrap and Heroicons - Free lifetime updates - Email support whenever you need it And the 4.0 update is packed with even more awesome features and upgrades: - 6 new UI components (Notifications) were added in Application UI package - 20 new UI components (Image/Content Sliders++) were added in Marketing package - React version (uses Vite) is introduced for all Templates - React code snippets were improved in all packages - Astro Starter Kit was added - Remove Dark Classes (from code snippets) option was added in App - Universal Dark Mode (preview pane can default to global dark mode) option was added in App - New preview colors (fuchsia, gray) were added in App - Heroicons v2 icons were updated to v2.1.5 adding 28+ brand new icons in App - 3 new exclusive deals are now available - UI design improvements in App - Various improvements and fixes in App - All dependencies were updated in Starter Kits - All dependencies were updated in Templates - Marketing website redesigned - Color Palette tool was made available to all I’ve put over 200 hours into this update alone, and I’m beyond excited to finally share it with you. Your continued support has made this journey possible, and I’m so grateful to have you along for the ride. 🙏 Wishing you an amazing day – remember, YOU ARE AWESOME! Go build something incredible! 🚀

John Champ

10,940 Aufrufe • vor 1 Jahr

"This will replace 80% of the apps that you have on your phone." Here's my new episode with Peter Steinberger 🦞 where he showed me: ✅ His personal OpenClaw use cases - flight check-in, home security, and much more ✅ His counterintuitive AI coding workflow - no plan mode, no MCPs, and no fancy prompts ✅ Practical advice for other builders and how to build product taste Some quotes from Peter: "It's like having a new weird friend that is also really smart and resourceful that lives on your computer." "Why should I use MyFitnessPal when I have an infinitely resourceful assistant that already knows I'm making bad decisions at KFC?" "I don't use MCPs or any of that crap. Just because you can build everything doesn't mean you should." 📌 Watch now: Thanks to our sponsors: Granola - The best AI meeting notes app I've ever used: Replit ⠕ - Create beautiful prototypes and full stack apps:

"This will replace 80% of the apps that you have on your phone." Here's my new episode with Peter Steinberger 🦞 where he showed me: ✅ His personal OpenClaw use cases - flight check-in, home security, and much more ✅ His counterintuitive AI coding workflow - no plan mode, no MCPs, and no fancy prompts ✅ Practical advice for other builders and how to build product taste Some quotes from Peter: "It's like having a new weird friend that is also really smart and resourceful that lives on your computer." "Why should I use MyFitnessPal when I have an infinitely resourceful assistant that already knows I'm making bad decisions at KFC?" "I don't use MCPs or any of that crap. Just because you can build everything doesn't mean you should." 📌 Watch now: Thanks to our sponsors: Granola - The best AI meeting notes app I've ever used: Replit ⠕ - Create beautiful prototypes and full stack apps:

Peter Yang

666,628 Aufrufe • vor 5 Monaten

New course: Gemini CLI: Code & Create with an Open-Source Agent, built with Google Cloud Tech/Gemini CLI and taught by Jack Wotherspoon. Agentic coding assistants like Gemini CLI are transforming how developers work. This short course teaches you to use Google's open-source agent to coordinate local tools and cloud services for coding and non-coding workflows. Gemini CLI works from your terminal, so it works with your local files and development tools. You can also connect it to services through MCP. Then provide high-level instructions, and it autonomously plans and executes complex workflows. Skills you'll gain: - Build website features and automate code reviews with GitHub ActionsCreate data dashboards that combine local files with cloud data sources - Use MCP servers and extensions to orchestrate workflows across GitHub, Canva, and Google Workspace - Generate social media content from multimedia files like conference recordings I particularly appreciate that Gemini CLI is open-source. You can see exactly how it works, read the prompts it uses, and understand its architecture. The community has contributed thousands of pull requests. Since Gemini 3’s release I've found Gemini CLI highly capable - this is a tool worth having in your toolbox! Whether you're prototyping applications, automating workflows, or working with multimedia content, join to learn to delegate complex tasks and build faster:

New course: Gemini CLI: Code & Create with an Open-Source Agent, built with Google Cloud Tech/Gemini CLI and taught by Jack Wotherspoon. Agentic coding assistants like Gemini CLI are transforming how developers work. This short course teaches you to use Google's open-source agent to coordinate local tools and cloud services for coding and non-coding workflows. Gemini CLI works from your terminal, so it works with your local files and development tools. You can also connect it to services through MCP. Then provide high-level instructions, and it autonomously plans and executes complex workflows. Skills you'll gain: - Build website features and automate code reviews with GitHub ActionsCreate data dashboards that combine local files with cloud data sources - Use MCP servers and extensions to orchestrate workflows across GitHub, Canva, and Google Workspace - Generate social media content from multimedia files like conference recordings I particularly appreciate that Gemini CLI is open-source. You can see exactly how it works, read the prompts it uses, and understand its architecture. The community has contributed thousands of pull requests. Since Gemini 3’s release I've found Gemini CLI highly capable - this is a tool worth having in your toolbox! Whether you're prototyping applications, automating workflows, or working with multimedia content, join to learn to delegate complex tasks and build faster:

Andrew Ng

124,823 Aufrufe • vor 6 Monaten

🎓 Learn how to create a Cherry Wood Material in a matter of seconds in my latest video series (AAA) Pro Tips! ____________________________________________________ In this video, the steps are as follows: 1. Create a slightly red-colored fill layer with high gloss to act as the woods base material. 2. Add a second fill layer with a black mask, and inside that mask add a stripes greyscale set to planar projection. These stripes will act as the wood rings and should be projected onto your mesh in a natural way. The stripes should also be set to max softness, and followed by a Directional Noise 3 with a blend mode set to Difference. 3. Add a levels to tweak the mask and add an anchor point to the mask as well. 4. Create another fill layer with a dark brown diffuse, and store the information from the anchor point into its mask. Apply a levels to increase its intensity, and then add a fill layer up top with the anchorpoint information applied again, but set its blending mode to Subtract. 5. Create an additional fill layer with a very dark diffuse channel. Add a mask to the fill layer and inside its mask add a fill layer containing the anchorpoint information, from the Wood Rings. This fill layer can now be used to add some dark contrast to the center of the wood rings 6. A warp filter should also be used to apply some subtle imperfections to the wood rings and grain. Now we are left with a very nice result of Cherry wood! ____________________________________________________ More AAA Game Dev Tips can be found on my YouTube channel here: Stay tuned for more weekly Tips. Let me know below what you would like to learn in future videos! 👇 Happy Texturing! 💚 #gameart #texturing

🎓 Learn how to create a Cherry Wood Material in a matter of seconds in my latest video series (AAA) Pro Tips! In this video, the steps are as follows: 1. Create a slightly red-colored fill layer with high gloss to act as the woods base material. 2. Add a second fill layer with a black mask, and inside that mask add a stripes greyscale set to planar projection. These stripes will act as the wood rings and should be projected onto your mesh in a natural way. The stripes should also be set to max softness, and followed by a Directional Noise 3 with a blend mode set to Difference. 3. Add a levels to tweak the mask and add an anchor point to the mask as well. 4. Create another fill layer with a dark brown diffuse, and store the information from the anchor point into its mask. Apply a levels to increase its intensity, and then add a fill layer up top with the anchorpoint information applied again, but set its blending mode to Subtract. 5. Create an additional fill layer with a very dark diffuse channel. Add a mask to the fill layer and inside its mask add a fill layer containing the anchorpoint information, from the Wood Rings. This fill layer can now be used to add some dark contrast to the center of the wood rings 6. A warp filter should also be used to apply some subtle imperfections to the wood rings and grain. Now we are left with a very nice result of Cherry wood! More AAA Game Dev Tips can be found on my YouTube channel here: Stay tuned for more weekly Tips. Let me know below what you would like to learn in future videos! 👇 Happy Texturing! 💚 #gameart #texturing

Cohen Brawley

25,184 Aufrufe • vor 2 Jahren

Introducing AI Assistance in Chrome DevTools! 🤯🚀 Ever wish you could have a coding buddy to help you with CSS and layout? Well, your wish is granted! The new AI Assistance in Chrome DevTools is here to make your life as a developer easier, powered by Gemini. The new panel aims to help you find and fix issues. Just ask it questions about your code, and it provides tailored explanations and even suggests solutions. This is our first exploration into agentic AI in DevTools and we're excited to hear what you think of it. Some key features: 1. Conversational prompts: Get tailored suggestions and code snippets. 2. Contextual understanding: AI understands the code you're working on. 3. Step-by-step guidance: Get help with everything from styling to debugging. Want to see it in action? Check out my screencast below to see how I used it to add a dark mode.

Introducing AI Assistance in Chrome DevTools! 🤯🚀 Ever wish you could have a coding buddy to help you with CSS and layout? Well, your wish is granted! The new AI Assistance in Chrome DevTools is here to make your life as a developer easier, powered by Gemini. The new panel aims to help you find and fix issues. Just ask it questions about your code, and it provides tailored explanations and even suggests solutions. This is our first exploration into agentic AI in DevTools and we're excited to hear what you think of it. Some key features: 1. Conversational prompts: Get tailored suggestions and code snippets. 2. Contextual understanding: AI understands the code you're working on. 3. Step-by-step guidance: Get help with everything from styling to debugging. Want to see it in action? Check out my screencast below to see how I used it to add a dark mode.

Addy Osmani

95,935 Aufrufe • vor 1 Jahr

My Portfolio is live! At least the first Version. For now only in German. English will be added later. Didn't finished everything I wanted, but this will be a work in progress. Not everything is accessible. Didn't added all Figma Layouts yet. But it's enough to launch it now, so I can happily go to vacation 🙂 ⚙️ Tech Stack: Webflow (Webflow) GSAP (GSAP) (Core, CustomEase) Locomotive Scroll v5 (Locomotive®) Osmo (Osmo) (Mouse Follower) Custom CSS & JS The coolest part is that I documented everything inside my social media profiles. X: 150 Posts LinkedIn: 90 Posts Instagram: 23 Posts All Posts from just one Project. This Project was also a big learning playground for me. I don't really did much animation stuff before, didn't really used GSAP or Locomotive Scroll. Added so many modules where I actually didn't know how to build it first. And this shows how much you can learn by just building stuff. Especially stuff where you don't know at first how to build it. Fun fact: I call it always Portfolio, but there are no projects. It's because I don't have any yet which shows what Websites I want to make. Therefore this Site should speak for itself for now. Check it out live! 🔗Link in the comments.

My Portfolio is live! At least the first Version. For now only in German. English will be added later. Didn't finished everything I wanted, but this will be a work in progress. Not everything is accessible. Didn't added all Figma Layouts yet. But it's enough to launch it now, so I can happily go to vacation 🙂 ⚙️ Tech Stack: Webflow (Webflow) GSAP (GSAP) (Core, CustomEase) Locomotive Scroll v5 (Locomotive®) Osmo (Osmo) (Mouse Follower) Custom CSS & JS The coolest part is that I documented everything inside my social media profiles. X: 150 Posts LinkedIn: 90 Posts Instagram: 23 Posts All Posts from just one Project. This Project was also a big learning playground for me. I don't really did much animation stuff before, didn't really used GSAP or Locomotive Scroll. Added so many modules where I actually didn't know how to build it first. And this shows how much you can learn by just building stuff. Especially stuff where you don't know at first how to build it. Fun fact: I call it always Portfolio, but there are no projects. It's because I don't have any yet which shows what Websites I want to make. Therefore this Site should speak for itself for now. Check it out live! 🔗Link in the comments.

Eduard Bodak

49,603 Aufrufe • vor 1 Jahr

I cut Fable 5 token usage 2.5x with just one change! - Before: 5.5 M tokens · 7 errors · $8.94 - After: 2.3 M tokens · 0 errors · $4.17 The final build was the same for both, but the path the agent took wildly differed. In both runs, the agent started with the same thing, i.e., it understood the backend before building anything, like: - Permission policies - Available storage buckets - Auth providers configured - How edge functions are deployed The first run used Firebase, which was built for a human dev using a dashboard. While the dev can read the above state by clicking through tabs, an agent has no dashboard. So it gathered the same info through API calls. And there's no single Firebase call that returned this info. The agent required to query multiple times, and each query over-returned. For instance, when the agent asked how sign-in is configured, Firebase also returned the entire auth surface and every method it supported. This was far more context than what it needed. And it repeated across every part of the backend it inspected. Some states (like which auth providers are active) weren't queryable at all. I provided it myself. Otherwise, the agent would have guessed. Errors further compounded the token usage. When a dev sees "permission denied," they can look at the console and figure out whether it's a rule, a path, or an unauthenticated request. Firebase returned the same string to the agent as well, and it had none of that surrounding context to debug. So it guessed again, picked the most likely cause, and rewrote code, utilizing more tokens. This Firebase setup cost me 5.5M tokens and 7 manual interventions during errors on a full-stack RAG app. But I brought that down to 2.3M tokens and 0 manual interventions by using InsForge as the backend context engineering layer (open-source and self-hostable via Docker). It provides the same primitives as Supabase/Firebase, but structures the entire information layer for agents, instead of dashboards. In one CLI call that consumed ~500 tokens, the agent saw the full backend topology before writing a single line of code. This included auth, database, storage, edge functions, model gateway, micro VMs, and deployment. Also, instead of loading the entire product surface into context on every task, four narrowly scoped skills activated only when relevant to keep cognitive load minimal. And to ensure efficient retries if needed, every CLI operation returned structured JSON with meaningful exit codes, so the agent never guessed what to do next. Here's the InsForge GitHub Repo: (don't forget to star it ⭐) The video below depicts the final build, comparing Firebase and InsForge. To dive deeper, I recently published a full walkthrough building the same RAG app on both backends and inspected them end-to-end. Read it below.

I cut Fable 5 token usage 2.5x with just one change! - Before: 5.5 M tokens · 7 errors · $8.94 - After: 2.3 M tokens · 0 errors · $4.17 The final build was the same for both, but the path the agent took wildly differed. In both runs, the agent started with the same thing, i.e., it understood the backend before building anything, like: - Permission policies - Available storage buckets - Auth providers configured - How edge functions are deployed The first run used Firebase, which was built for a human dev using a dashboard. While the dev can read the above state by clicking through tabs, an agent has no dashboard. So it gathered the same info through API calls. And there's no single Firebase call that returned this info. The agent required to query multiple times, and each query over-returned. For instance, when the agent asked how sign-in is configured, Firebase also returned the entire auth surface and every method it supported. This was far more context than what it needed. And it repeated across every part of the backend it inspected. Some states (like which auth providers are active) weren't queryable at all. I provided it myself. Otherwise, the agent would have guessed. Errors further compounded the token usage. When a dev sees "permission denied," they can look at the console and figure out whether it's a rule, a path, or an unauthenticated request. Firebase returned the same string to the agent as well, and it had none of that surrounding context to debug. So it guessed again, picked the most likely cause, and rewrote code, utilizing more tokens. This Firebase setup cost me 5.5M tokens and 7 manual interventions during errors on a full-stack RAG app. But I brought that down to 2.3M tokens and 0 manual interventions by using InsForge as the backend context engineering layer (open-source and self-hostable via Docker). It provides the same primitives as Supabase/Firebase, but structures the entire information layer for agents, instead of dashboards. In one CLI call that consumed ~500 tokens, the agent saw the full backend topology before writing a single line of code. This included auth, database, storage, edge functions, model gateway, micro VMs, and deployment. Also, instead of loading the entire product surface into context on every task, four narrowly scoped skills activated only when relevant to keep cognitive load minimal. And to ensure efficient retries if needed, every CLI operation returned structured JSON with meaningful exit codes, so the agent never guessed what to do next. Here's the InsForge GitHub Repo: (don't forget to star it ⭐) The video below depicts the final build, comparing Firebase and InsForge. To dive deeper, I recently published a full walkthrough building the same RAG app on both backends and inspected them end-to-end. Read it below.

Avi Chawla

112,879 Aufrufe • vor 1 Monat

🇦🇷 Real-World Use Cases in Argentina 🇦🇷 vitalik.eth concludes his Tech Forum Argentina presentation with a powerful call to action. He urges local developers, open source contributors, companies, and governments to embrace cutting-edge technology: Create impactful products leveraging Ethereum's current scaling capabilities and recent innovations like zero-knowledge proofs. "One of the things that impresses me about the community of Argentina is just how much people work at building actually really interesting applications. And applications that really bring the spirit of what crypto and decentralization are about. And should really try hard to make that actually work for people and actually find use cases. Kleros is a good example of this, a decentralized arbitration system, that is slowly starting to be used more and more. Proof of Humanity, always one of my favorite projects, fortunately a portion of the team is in Argentina. And @Quark_ID, I know, is doing some excellent work in Buenos Aires."

🇦🇷 Real-World Use Cases in Argentina 🇦🇷 vitalik.eth concludes his Tech Forum Argentina presentation with a powerful call to action. He urges local developers, open source contributors, companies, and governments to embrace cutting-edge technology: Create impactful products leveraging Ethereum's current scaling capabilities and recent innovations like zero-knowledge proofs. "One of the things that impresses me about the community of Argentina is just how much people work at building actually really interesting applications. And applications that really bring the spirit of what crypto and decentralization are about. And should really try hard to make that actually work for people and actually find use cases. Kleros is a good example of this, a decentralized arbitration system, that is slowly starting to be used more and more. Proof of Humanity, always one of my favorite projects, fortunately a portion of the team is in Argentina. And @Quark_ID, I know, is doing some excellent work in Buenos Aires."

Kleros

117,777 Aufrufe • vor 1 Jahr

Instructions for syncing Replit with Cursor This looks like a lot but it takes 3 minutes once you get it down. HUGE shout out to @anshnanda_ for showing me how to do this. Open Repl or Create with our Template Go to Cursor - Click Terminal - Click CMD K - Type "Generate an SSH Key For Replit, name it Replit, and copy the public key to the clipboard" - if prompted to overwrite put "y", then enter - it'll prompt about passphrase, just press enter - it'll prompt about passphrase again, just press enter - this automatically copies the ssh key to clipboard Go to Replit - plus sign (new tab) and type SSH - go to SSH panel - Click Keys - Add SSH Key - Give it Label (doesn't matter what you call it) - Paste in that code from cursor that was automatically added to your clipboard in previous process. Should be a fat chunk of text. (If its smaller, you didn't specify the public key) - Go to connect tab in same panel - Copy the Shell command Go Back to Cursor - Open with SSH - Paste that shell command on top - Click Add new SSH Host - Paste the command again - Enter - Click the first option that pops up - Bottom Right of screen click connect - Click Continue - Open Folder - Click name of Replit Project (Repl) If you are using the template just set up firebase as I do quickly and you are set up with database authentication and storage.

Instructions for syncing Replit with Cursor This looks like a lot but it takes 3 minutes once you get it down. HUGE shout out to @anshnanda_ for showing me how to do this. Open Repl or Create with our Template Go to Cursor - Click Terminal - Click CMD K - Type "Generate an SSH Key For Replit, name it Replit, and copy the public key to the clipboard" - if prompted to overwrite put "y", then enter - it'll prompt about passphrase, just press enter - it'll prompt about passphrase again, just press enter - this automatically copies the ssh key to clipboard Go to Replit - plus sign (new tab) and type SSH - go to SSH panel - Click Keys - Add SSH Key - Give it Label (doesn't matter what you call it) - Paste in that code from cursor that was automatically added to your clipboard in previous process. Should be a fat chunk of text. (If its smaller, you didn't specify the public key) - Go to connect tab in same panel - Copy the Shell command Go Back to Cursor - Open with SSH - Paste that shell command on top - Click Add new SSH Host - Paste the command again - Enter - Click the first option that pops up - Bottom Right of screen click connect - Click Continue - Open Folder - Click name of Replit Project (Repl) If you are using the template just set up firebase as I do quickly and you are set up with database authentication and storage.

Riley Brown

41,111 Aufrufe • vor 1 Jahr

🎓Learn how to create a powerful Worn Leather smart material in a matter of seconds in my latest video series (AAA) Pro Tips! This smart material can be used on virtually any 3D asset. ____________________________________________________ In this video, the steps are as follows: 1. Create a fill layer with a black mask applied. Inside its mask paint a simple pill shape and use a blur slope filter to introduce some random shapes. Apply a marble veins fill layer on top with its blending mode set to color burn. Apply a warp filter as well to introduce some randomness followed by an anchorpoint. 2. Create another fill layer using the same technique to apply some dirt in the crevices of the wear. 3. Next, Inside the main fill layer apply a tiling raw leather texture to its Color and roughness channel 4. Create an additional fill layer up top and apply a black mask to it.Inside this mask retrieve the anchorpoint information followed by a blur filter with a value of 6. Use a levels to increase the spread of the mask. Apply another marble veins matching the values of the marble veins fill layer that we previously added and set its blending mode to multiply. Lastly retrieve the anchorpoint information from the previous fill layer again but this time set its blending mode to subtract. This fill layers properties should have a dark diffuse color and a matte roughness. 5. Add another fill layer with a bright diffuse and height properties with a black mask applied to it. Inside its mask retrieve the anchorpoint information again followed by a blur slope. Apply the anchorpoint information again but this time set its blending mode to subtract. Now we have a worn leather effect wherever we paint using the paint layer created inside the callout mask! ____________________________________________________ More AAA Game Dev Tips can be found on my YouTube channel here: Stay tuned for more weekly Tips! Happy Texturing!💚 #gamedev #gameart #3dmodeling #3dartist #texturing #UE5 #unity #artstation

🎓Learn how to create a powerful Worn Leather smart material in a matter of seconds in my latest video series (AAA) Pro Tips! This smart material can be used on virtually any 3D asset. In this video, the steps are as follows: 1. Create a fill layer with a black mask applied. Inside its mask paint a simple pill shape and use a blur slope filter to introduce some random shapes. Apply a marble veins fill layer on top with its blending mode set to color burn. Apply a warp filter as well to introduce some randomness followed by an anchorpoint. 2. Create another fill layer using the same technique to apply some dirt in the crevices of the wear. 3. Next, Inside the main fill layer apply a tiling raw leather texture to its Color and roughness channel 4. Create an additional fill layer up top and apply a black mask to it.Inside this mask retrieve the anchorpoint information followed by a blur filter with a value of 6. Use a levels to increase the spread of the mask. Apply another marble veins matching the values of the marble veins fill layer that we previously added and set its blending mode to multiply. Lastly retrieve the anchorpoint information from the previous fill layer again but this time set its blending mode to subtract. This fill layers properties should have a dark diffuse color and a matte roughness. 5. Add another fill layer with a bright diffuse and height properties with a black mask applied to it. Inside its mask retrieve the anchorpoint information again followed by a blur slope. Apply the anchorpoint information again but this time set its blending mode to subtract. Now we have a worn leather effect wherever we paint using the paint layer created inside the callout mask! More AAA Game Dev Tips can be found on my YouTube channel here: Stay tuned for more weekly Tips! Happy Texturing!💚 #gamedev #gameart #3dmodeling #3dartist #texturing #UE5 #unity #artstation

Cohen Brawley

88,602 Aufrufe • vor 2 Jahren

🛠 Irys Realms Dev Update 14 Open Access is HERE! (✧ᴗ✧) Play now: This update is loaded with upgrades, fixes and a new way for anyone to jump into Irys Realms. Make sure to follow this account... I’ll still use my main to bring you behind the scenes on the dev journey as we keep building. 1️⃣ On-Chain Score Saving Scoring in Tetris and Verify The Datachain is now fully on-chain. This took a lot of backend and Unity scripting to bridge WebGL with MetaMask/Irys (✧ᴗ✧). The setup may move fully in-game in the future, but for now we’ve got a smooth external flow: ✧ Play a mini-game ✧ Press Z to submit your score ✧ A tab opens → connect wallet → sign transaction ✧ Your score now lives forever on the Irys network uploader Massive shoutout to my friend, Reaper Dev - a talented Unity & backend dev - who helped bring this to life with her experience. She loved Irys so much, she’s now expanding her own gaming universe to integrate it. Stay tuned for her updates! 2️⃣ First Person Mode Simply press [V] to toggle between third-person and first-person instantly within the Realms. Big thanks to @RealLifeOfForbs for the suggestion after experiencing his avatar block the Tetris board while playing the game. Keep the feedback coming and together we will make Irys Realms better! 3️⃣ New Tab UI The Irys Realms logo is now integrated within the game, with script changes behind the scenes to prep for a future update I know you’re going to love 👀 ⚙️ Bug Fixes ✧ Avatar now auto-loads after leaving the IrysDraw Booth (again) ✧ Mini-game logic updated to avoid stuck games or extra inputs ✧ Build With Programmable Data validation fix This is just the start. Thank you to everyone who has been along on this journey so far 💙 Let's take Irys (✧ᴗ✧) to new heights together!

Dantashi (✧ᴗ✧)

34,560 Aufrufe • vor 11 Monaten

Say hello to text-to-cad, an open source tool for generating 3D models in Codex! Prompt and edit complex 3D models. Export STEP, STL, GLB, DXF and URDF files. Built for CAD newbies. Link to github below. CAD is hard. As a software engineer getting back into robotics, I’ve been humbled by new tools like Onshape. Struggling to kick old habits, I started prompting Codex to generate 3D models and had some limited succes. After a few iterations I found a recipe that actually works: 1. Generate a python script for every STEP file. The agent can easily edit each part’s source without touching the raw STEP file. Use build123d > cadquery. 2. Reference specific faces and edges in prompts for precise edits. I built a basic local ui to inspect / cache STEP B-reps to make this easier. 3. Maintain markdown explaining important part features in plain English so the model can index on project context quickly. 4. Verify results with screenshots and geometry. Models don’t have great spatial awareness, but they can interpret images and verify constraints very well. For the best results I’ve been using GPT 5.4 xhigh / Opus 4.6+. Fair warning, this will burn through tokens, I recommend the Pro/Max plans if you’re planning on building anything serious. PRs welcome!

Say hello to text-to-cad, an open source tool for generating 3D models in Codex! Prompt and edit complex 3D models. Export STEP, STL, GLB, DXF and URDF files. Built for CAD newbies. Link to github below. CAD is hard. As a software engineer getting back into robotics, I’ve been humbled by new tools like Onshape. Struggling to kick old habits, I started prompting Codex to generate 3D models and had some limited succes. After a few iterations I found a recipe that actually works: 1. Generate a python script for every STEP file. The agent can easily edit each part’s source without touching the raw STEP file. Use build123d > cadquery. 2. Reference specific faces and edges in prompts for precise edits. I built a basic local ui to inspect / cache STEP B-reps to make this easier. 3. Maintain markdown explaining important part features in plain English so the model can index on project context quickly. 4. Verify results with screenshots and geometry. Models don’t have great spatial awareness, but they can interpret images and verify constraints very well. For the best results I’ve been using GPT 5.4 xhigh / Opus 4.6+. Fair warning, this will burn through tokens, I recommend the Pro/Max plans if you’re planning on building anything serious. PRs welcome!

Jake Fitzgerald

52,444 Aufrufe • vor 3 Monaten

hear this anon you don't need a $4,699 box to get started local AI. use what you already have first. test your workload. this is what a $250 GPU did today. iteration 3 of octopus invaders is here. 4 phases. 6 prompts. zero handwritten code. the same 9B on the same 3060 fixed its own enemy spawning, patched a dual start conflict, added level progression, resized every bullet, and when the browser cached old files it figured that out on its own and added version parameters to force reload. 3,200+ lines across 13 files. every line by qwen 3.5 9B Q4 at 35-50 tok/s on 12 gigs through hermes agent. understand what your load actually needs before you build. don't get trapped by influencers selling you boxes next to a plant. test on what you have. then decide. this 3060 impressed me in ways i did not expect and its autonomy is what kept me going. now its time to move to new experiments on other nodes and other models for all of us. if you are running this setup the exact stack, flags, and open source code, exact prompts i used are in the replies. if you run into issues let me know. seeing students and builders discover hermes from my posts and start running local is why i do this. full autonomous build at 8x speed in the video. gameplay at the end. watch it.

hear this anon you don't need a $4,699 box to get started local AI. use what you already have first. test your workload. this is what a $250 GPU did today. iteration 3 of octopus invaders is here. 4 phases. 6 prompts. zero handwritten code. the same 9B on the same 3060 fixed its own enemy spawning, patched a dual start conflict, added level progression, resized every bullet, and when the browser cached old files it figured that out on its own and added version parameters to force reload. 3,200+ lines across 13 files. every line by qwen 3.5 9B Q4 at 35-50 tok/s on 12 gigs through hermes agent. understand what your load actually needs before you build. don't get trapped by influencers selling you boxes next to a plant. test on what you have. then decide. this 3060 impressed me in ways i did not expect and its autonomy is what kept me going. now its time to move to new experiments on other nodes and other models for all of us. if you are running this setup the exact stack, flags, and open source code, exact prompts i used are in the replies. if you run into issues let me know. seeing students and builders discover hermes from my posts and start running local is why i do this. full autonomous build at 8x speed in the video. gameplay at the end. watch it.

Sudo su

51,804 Aufrufe • vor 4 Monaten

Claude Code can now make full videos from your terminal.. Not slideshows. Not text on screen.. Actual motion graphics with animations, transitions, custom photos, and background music. [ SHARED A TUTORIAL BELOW EDITED WITH THIS SETUP IN JUST 5mins ] ▫️Here's the setup: Claude Code + Remotion Remotion is a React based framework that renders video programmatically. You describe what you want in plain English, Claude writes the React components and Remotion renders it into a real MP4. What you can actually do with this: > Generate 9:16 vertical videos for TikTok / Reels / Shorts > Add animated text with viral hooks and safe zones > Pull live web screenshots directly into your scenes using Chrome MCP > Fact-check your content in real time with Perplexity MCP > Drop in your own photos and background music > Edit existing talking-head footage cut bloopers, add captions > Schedule posts to your socials straight from the terminal ▫️How to set it up (takes 5 minutes) : > Make sure you have Node.js installed ( node -v to check ) > Create a new Remotion project: npx create-video@latest Pick the Blank template, enable TailwindCSS, and install the Skills package when prompted. > Install dependencies: cd my-video npm install > Start the preview server: npm run dev > Open Claude Code in the same project folder: cd my-video claude That's it. You can now prompt videos in plain English. If you already have a Remotion project, just add the skill directly: npx skills add remotion-dev/skills This drops a SKILL.md into your project that gives Claude expert knowledge of Remotion.. animations, compositions, captions, assets, 3D content everything. Example prompt you can steal: "Create a 30-second 9:16 vertical video about the top 3 AI tools this week. Use animated text with a hook in the first 2 seconds. Add smooth transitions between scenes. Keep text in the safe zone for TikTok. Use a dark tech aesthetic with blue accent colors." Claude writes all the React code, renders a preview, you tweak with natural language, and export when ready. The crazy part is this whole pipeline is local, free (minus your Claude sub), and you never open a video editor. imo this kills CapCut for anyone making info-style content. You describe the video in English and get back a rendered MP4. try it now.

Claude Code can now make full videos from your terminal.. Not slideshows. Not text on screen.. Actual motion graphics with animations, transitions, custom photos, and background music. [ SHARED A TUTORIAL BELOW EDITED WITH THIS SETUP IN JUST 5mins ] ▫️Here's the setup: Claude Code + Remotion Remotion is a React based framework that renders video programmatically. You describe what you want in plain English, Claude writes the React components and Remotion renders it into a real MP4. What you can actually do with this: > Generate 9:16 vertical videos for TikTok / Reels / Shorts > Add animated text with viral hooks and safe zones > Pull live web screenshots directly into your scenes using Chrome MCP > Fact-check your content in real time with Perplexity MCP > Drop in your own photos and background music > Edit existing talking-head footage cut bloopers, add captions > Schedule posts to your socials straight from the terminal ▫️How to set it up (takes 5 minutes) : > Make sure you have Node.js installed ( node -v to check ) > Create a new Remotion project: npx create-video@latest Pick the Blank template, enable TailwindCSS, and install the Skills package when prompted. > Install dependencies: cd my-video npm install > Start the preview server: npm run dev > Open Claude Code in the same project folder: cd my-video claude That's it. You can now prompt videos in plain English. If you already have a Remotion project, just add the skill directly: npx skills add remotion-dev/skills This drops a SKILL.md into your project that gives Claude expert knowledge of Remotion.. animations, compositions, captions, assets, 3D content everything. Example prompt you can steal: "Create a 30-second 9:16 vertical video about the top 3 AI tools this week. Use animated text with a hook in the first 2 seconds. Add smooth transitions between scenes. Keep text in the safe zone for TikTok. Use a dark tech aesthetic with blue accent colors." Claude writes all the React code, renders a preview, you tweak with natural language, and export when ready. The crazy part is this whole pipeline is local, free (minus your Claude sub), and you never open a video editor. imo this kills CapCut for anyone making info-style content. You describe the video in English and get back a rendered MP4. try it now.

Axel Bitblaze 🪓

31,250 Aufrufe • vor 3 Monaten

I wish this video wasn’t relevant again, but here we are. To those who say politics aren’t personal, my life tells a different story. In 2011, I lost my partner. Sadly, our love had not been legally recognized at the state or federal level, and in the raw aftermath of his death, I faced discrimination that compounded my grief. This experience ignited my journey advocating for marriage equality and LGBTQ+ rights, through public speaking, a documentary called “Bridegroom,” and my YouTube video, “It Could Happen To You.” I knew then, as I know now, that my story was not unique. This fight has always been, and will always be, deeply personal. Over the years, we have celebrated significant victories, like the repeal of Prop 8 in California and the nationwide end of DOMA. These hard-won rights came through decades of relentless advocacy and sacrifice by LGBTQ+ individuals and allies. But today, these gains are once again at risk. We must stay vigilant to protect them. The threat to marriage equality is not hypothetical. The President-elect has openly stated his intention to appoint Supreme Court justices who could dismantle marriage rights at a federal level. Meanwhile, Republican leadership across the country continues to oppose LGBTQ+ protections. Civil rights should never be contingent on geography. We must stand united in protecting these essential freedoms—not just for ourselves, but for future generations who deserve the dignity of equal treatment under the law. Together, let’s make sure that love, equality, and dignity remain protected for all. Our love, our families, our futures are worth fighting for. I know many of us feel hopeless and scared right now, but here are some ways you can take action to protect yourselves and the LGBTQ+ community RIGHT NOW. This is in no way comprehensive, merely a starting point for those who want/need it. PROTECTING OUR LGBTQ+ COMMUNITY ACTION GUIDE 1. LEGAL PROTECTIONS A. Essential Documentation -Update your will -Name spouse/partner explicitly -Detail specific wishes for assets -Consider impact on family benefits B. Legal Safeguards -Create living trust -Secure medical power of attorney -Obtain financial power of attorney -Draft advance healthcare directives C. Family Protection -Complete second parent adoption -Update birth certificates -Secure guardianship documents -Create custody arrangements D. Legal Resources -Find LGBTQ+ friendly lawyers via lgbtqbar. org -Get free consultations when available -Keep copies of all documents in secure location -Share copies with trusted family/friends 2. COMMUNITY ENGAGEMENT A. Financial Support -Human Rights Campaign (national advocacy) -Lambda Legal (legal defense) -GLAAD (media representation) -The Trevor Project (youth support) -Local LGBTQ+ centers and shelters B. Economic Action -Research and support LGBTQ+ owned businesses -Prioritize Black, BIPOC, and women/femme owned enterprises -Share recommendations within community networks -Avoid companies with anti-LGBTQ+ practices C. Active Participation -Attend local drag shows and cultural events -Support inclusive library programs -Join Pride organizing committees -Attend town hall meetings -Participate in local LGBTQ+ groups D. Advocacy & Organization -Join Indivisible. org chapters -Connect with local activists -Register voters -Monitor and respond to local legislation 3. SHARING YOUR STORY A. Personal Empowerment -Reclaim and affirm personal narratives -Amplify LGBTQ+ voices to challenge stereotypes -Educate others about discrimination -Build connections for support and solidarity B. Speaking Out -Share when safe and appropriate -Connect with advocacy groups -Write to local papers -Speak at community meetings -Use social media thoughtfully Need resources? Call: • Trevor Project: 866-488-7386 • LGBT National Hotline: 888-843-4564 • Trans Lifeline: 877-565-8860 #EqualLoveEqualRights

I wish this video wasn’t relevant again, but here we are. To those who say politics aren’t personal, my life tells a different story. In 2011, I lost my partner. Sadly, our love had not been legally recognized at the state or federal level, and in the raw aftermath of his death, I faced discrimination that compounded my grief. This experience ignited my journey advocating for marriage equality and LGBTQ+ rights, through public speaking, a documentary called “Bridegroom,” and my YouTube video, “It Could Happen To You.” I knew then, as I know now, that my story was not unique. This fight has always been, and will always be, deeply personal. Over the years, we have celebrated significant victories, like the repeal of Prop 8 in California and the nationwide end of DOMA. These hard-won rights came through decades of relentless advocacy and sacrifice by LGBTQ+ individuals and allies. But today, these gains are once again at risk. We must stay vigilant to protect them. The threat to marriage equality is not hypothetical. The President-elect has openly stated his intention to appoint Supreme Court justices who could dismantle marriage rights at a federal level. Meanwhile, Republican leadership across the country continues to oppose LGBTQ+ protections. Civil rights should never be contingent on geography. We must stand united in protecting these essential freedoms—not just for ourselves, but for future generations who deserve the dignity of equal treatment under the law. Together, let’s make sure that love, equality, and dignity remain protected for all. Our love, our families, our futures are worth fighting for. I know many of us feel hopeless and scared right now, but here are some ways you can take action to protect yourselves and the LGBTQ+ community RIGHT NOW. This is in no way comprehensive, merely a starting point for those who want/need it. PROTECTING OUR LGBTQ+ COMMUNITY ACTION GUIDE 1. LEGAL PROTECTIONS A. Essential Documentation -Update your will -Name spouse/partner explicitly -Detail specific wishes for assets -Consider impact on family benefits B. Legal Safeguards -Create living trust -Secure medical power of attorney -Obtain financial power of attorney -Draft advance healthcare directives C. Family Protection -Complete second parent adoption -Update birth certificates -Secure guardianship documents -Create custody arrangements D. Legal Resources -Find LGBTQ+ friendly lawyers via lgbtqbar. org -Get free consultations when available -Keep copies of all documents in secure location -Share copies with trusted family/friends 2. COMMUNITY ENGAGEMENT A. Financial Support -Human Rights Campaign (national advocacy) -Lambda Legal (legal defense) -GLAAD (media representation) -The Trevor Project (youth support) -Local LGBTQ+ centers and shelters B. Economic Action -Research and support LGBTQ+ owned businesses -Prioritize Black, BIPOC, and women/femme owned enterprises -Share recommendations within community networks -Avoid companies with anti-LGBTQ+ practices C. Active Participation -Attend local drag shows and cultural events -Support inclusive library programs -Join Pride organizing committees -Attend town hall meetings -Participate in local LGBTQ+ groups D. Advocacy & Organization -Join Indivisible. org chapters -Connect with local activists -Register voters -Monitor and respond to local legislation 3. SHARING YOUR STORY A. Personal Empowerment -Reclaim and affirm personal narratives -Amplify LGBTQ+ voices to challenge stereotypes -Educate others about discrimination -Build connections for support and solidarity B. Speaking Out -Share when safe and appropriate -Connect with advocacy groups -Write to local papers -Speak at community meetings -Use social media thoughtfully Need resources? Call: • Trevor Project: 866-488-7386 • LGBT National Hotline: 888-843-4564 • Trans Lifeline: 877-565-8860 #EqualLoveEqualRights

Shane Bitney Crone

18,456 Aufrufe • vor 1 Jahr