Leon Lin · pinion

One tip for your websites Your AI-generated sites often look cheap cause you lack good assets and typography. It's not just about the prompt ;) Here are some good inspo sites! ✦ http://ui.aceternity.com -> nice react components and micro-animations ✦ http://bentogrids.com -> really really great layout inspiration for dashboards/grids ✦ http://fontshare.com -> for premium typography ✦ http://coolshap.es and http://grainient.supply/freebies -> nice shapes and background textures ✦ http://craftwork.design/curated/websites/ -> very nice website inspiration

Leon Lin@LexnLin

One tip for your websites Your AI-generated sites often look cheap cause you lack good assets and typography. It's not just about the prompt ;) Here are some good inspo sites! ✦ ui.aceternity.com -> nice react components and micro-animations ✦ bentogrids.com -> really really great layout inspiration for dashboards/grids ✦ fontshare.com -> for premium typography ✦ coolshap.es and grainient.supply/freebies -> nice shapes and background textures ✦ craftwork.design/curated/websites/ -> very nice website inspiration

related

@bertwitt≡ 12+13 Where do you get your design inspo from? Is there a site like awwwards that isn't just HUGE PHOTO + text + scroll jacking? Like sites that have to do things?@wesbos

▶@bestdesignsonx

▶@ElijahKurien

▶@argofowl≡ 2

▶@abouelatta_ali

@dingyi After a couple hours of work, I finally finished developing my first ever skill. :D Claude’s frontend skill tells the AI to "pick an extreme aesthetic" and "be creative." The problem tho is LLMs are just based on probability. Without strict rules, they statistically default to the most likely patterns, that's where AI slop comes from. To get clean and production-grade UI, you need to override these biases with some engineering constraints. I open-sourced Taste-Skill to fix this. :) Check it out! https://github.com/Leonxlnx/taste-skill (still early lots of improvements are on the way)@LexnLin @wesbos https://bestdesignsonx.com/ Best thing I found so far@mike_ulicny

▶@vamsibatchuk

@AlbiaHossain Low-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 @wesbos definitely @mobbin https://mobbin.com/ also UI library showcases like @chakra_ui is an underrated place to look!@jeffzxh

@UiSavior @wesbos https://www.siteinspire.com/websites always been at the top of the list for me.@yiannifive

▶@taimoor_nasir1≡ 2

▶@aidenybai Share your portfolio website!@damnGruz