Ali Abouelatta@abouelatta_ali
open on x ↗

I hated how bad agents are at design I hated how Codex can't access Mobbin So I created Lazyweb - 257k+ screens (apps/web) - 6 opinionated design research skills - 1 MCP (Claude/Codex) 100% Free...AI native...no rate limits...no subscriptions.. Enjoy (and tell a friend) 🫡

5.5K379332.2K
#coding-agents
#design-tools
pinned 04 DEC 24· backfill

related

I've tried all ( 74 😵‍💫 ) AI Coding Agents & IDEs [Rork, CodeRabbit, Anima, Zed, Factory, Cursor, Windsurf, Copilot, Lovable, Bolt, v0, Replit, MarsX, Canva, Devin, Github Spark, Vercel, Lindy, Warp, Figma, Cline, Vibe Coder & more] The most complete list ever made (with demos & notes):@johnrushx@PaulSolt@UiSavior@beechinour@ctatedev@wesbos https://bestdesignsonx.com/ Best thing I found so far@mike_ulicnyLow-key websites I quietly rely on 1) http://roadmap.sh Gives you a brutally clear learning path for roles like frontend, backend, DevOps, etc No fluff, just “learn this → then this → then this”. 2) http://playcode.io An online playground to quickly test HTML, CSS, JS without setting up anything locally Perfect for quick experiments and debugging ideas 3) http://usehooks.com A collection of reusable React hooks with real use cases Saves time and helps you avoid rewriting the same logic again and again 4) http://devhints.io Concise cheat sheets for languages, frameworks, and tools. Ideal when you forget syntax and don’t want to read a 20-minute blog 5) http://jsoncrack.com Turns messy JSON into a clean visual tree Makes understanding large APIs and configs way easier than staring at raw text 6) http://realtimecolors.com Lets you generate and preview color palettes instantly Useful when you want decent UI colors without guessing or copying blindly 7) http://regex101.com Build, test, and debug regex step by step with explanations Honestly, the fastest way to stop hating regex 8) http://bundlephobia.com Shows how big an npm package really is before you install it Helps you avoid bloating your app with “tiny” libraries 9) http://caniuse.com Tells you which CSS/JS features actually work across browsers Essential before using shiny new features in production 10) http://toolbox.googleapps.com Google’s own diagnostics tools for DNS, email, headers, and network issues Surprisingly useful for debugging real-world problems 👉 Which one of these do you already use and which one did you not know existed?@shekhu04@logodotdev@darylginn@realmcore_