Zoaib Khan

@ajitzero Thanks, yeah it's not yet responsive

@zoaibdev Can't scroll on mobile, looks great otherwise!

Angular Material theming is slower than it should be. Pick colors → tweak typography → adjust density → write SCSS → rebuild → repeat. So I built a visual theme builder (demo video): Early access: materialthemebuilder.com

But what if you want to customize Angular Material Components using design tokens? I've got you covered as well - with 33 components and close to 901 tokens - change any of them and see the result in real time! Early access live now: materialthemebuilder.com

If you’re feeling behind on AI, do two things: First, open Claude and tell it everything about your job. Everything you’re responsible for. All the tasks you do throughout the week. Then ask for ideas on how you can start using AI to do your job. Second, at least once a week, ask Claude what’s new in tech and AI. Ask about what new tools people are talking about on social and tech media. Then go play around with those tools.

Angular Material theming shouldn’t require fighting SCSS tokens. So I built a **visual theme builder** for Angular Material. 🎨 Design themes visually ⚡ Live component preview 📦 Export production-ready SCSS Quick demo 👇 buff.ly/ZZMF8Vq

@debug_mode Just use the selection box and switch to Debug in the input chat. And tell it the issue you have. It'll automatically add logging in different places and identify possible causes and solutions. Pretty handy for complex issues

@zoaibdev Debug mode in cursor .. how to use that ?

Guys / Girls , Today I used Cursor to refractor Nodejs code base using nestjs and type ORM to use node and express It was big code base and cursor did it in just 1 hrs with so my explanation . I was feeling I am talking to a team member who is super fast The way we write software is going to change in good way . It’s crazy good Note - make your fundamental strong Cursor will ask you to take decision about Rate limiting Cors Logging Error handling etc And if you don’t know those concepts , you will fail . Let’s build

✨ I wanted to revise the Arabic Grammar Basics I had done last year with @bayyinahinst 10 day course. But in a different way. So I asked Claude AI to build me a game to practice If you're a beginner learning Quranic Arabic, here's the link: arabic-grammar-quiz.vercel.app

Introducing Agent Skills for Firebase 🔥 Agent skills are specialized instructions you can give to your favorite AI agents to help them better understand Firebase and then execute tasks more effectively. This means more accurate code, fewer token usage, and more money saved 💰

📽️ Is your AI writing outdated Angular code? I tested a new "Agent Skills" repository that teaches AI modern Angular best practices — and the difference was noticeable. buff.ly/wx9qKFX

@heyrango @brandontroberts Yes, lots to test. I tried to be scientific here with the test but with an LLM you can't really guarantee the output

@zoaibdev @brandontroberts Oups, seen it now. Would be interesting to run the same prompt without skills but with mcp enabled and compare the results. And also compare the context impact to see what the best minimal setup is for modern Angular

✨ I tested Angular Agent Skills by @brandontroberts Built the same app twice with Claude Opus 4.5—one with Skills, one without. The Skills version ✅ Less code, better practices ✅ OnPush, withComponentInputBinding(), etc. I'll use them from now on! More in my upcoming video

@heyrango @brandontroberts Check one of the snaps I attached. I disabled the MCP specifically so it couldn't get best practices from there

@zoaibdev @brandontroberts Did you use the angular mcp when working without the skills from Brandon? Curious to know the difference. Als in terms of context size impact.

Things seem to be moving too fast! December last year seems to have been a turning point with Claude Code. And now everyone is waking up to the future of Software Engineering. Time to adapt I guess :)

✨ AI is changing how we code in Angular. I want to create content that helps YOU. Quick questions: How are you using AI in development? What's your biggest AI pain point? Interested in agentic development content? Tell me more👇

✨ Angular and Zod makes for nice combination for type validation Powerfully validate and transform backend NoSQL data (like Firebase timestamps) with Zod, creating a single source of truth for your types and simplifying debugging. Read more on the blog: buff.ly/omouEUH

📽️ New video: I vibe-coded an Angular app with AI 30+ iterations AI wrote everything I made every decision 5 moments where expertise mattered more than code buff.ly/zxxgZRw

@technbuzz MatchMedia acc to Claude

@zoaibdev I wonder what the Breakpoint observer use behind the scenes matchMedia or resize observor?

✨ A simple service for responsive Angular applications Build a powerful Angular responsive manager using CDK `BreakpointObserver` and signals to dynamically adapt UI components, like navigation, based on screen width. Read more on the blog: buff.ly/hx16Wwc