Knowledge base

The links I learn from, and what each one taught me.

• Learning3

  • Claude Academyacademy.claude.comAnthropic's free courses on Claude Code, the Claude API, MCP and AI fluency. Finish one and you earn a certificate.
  • Prompt Engineering Guidepromptingguide.aiAn open guide to prompting LLMs, from zero-shot and few-shot to chain-of-thought, with examples for each technique.
  • AI Heroaihero.devMatt Pocock's posts and videos on AI engineering, for developers who want to build with AI without dropping the fundamentals.

• YouTube10

  • Theo@theoCreator of T3 Code, on AI coding tools, the labs behind them, and what is changing for developers.
  • ByteMonk@ByteMonkBreakdowns of how real systems work, like Uber's driver tracking, and how teams run AI agents at scale.
  • Prompt Engineering@engineerpromptAn ML PhD and Google Developer Expert on evals, model training and agents, without the hype.
  • AI Engineer@aiDotEngineerFree talks from the AI Engineer conferences, where the people building with AI show how they do it.
  • Programming with Mosh@programmingwithmoshClear, practical coding tutorials from a software engineer with over 20 years of experience.
  • 1littlecoder@1littlecoderPractical AI news and quick hands-on tests of new models as they ship.
  • Silicon Valley Girl@SiliconValleyGirlMarina Mogilko's weekly podcast with the founders and CEOs building AI.
  • Applied with AITamil@appliedwithaiAn enterprise cloud architect building real AI systems step by step: agents, memory and context engineering.
  • Data Science with KeerthiTamil@ds_with_keerthiLLMs, transformers and AI agents explained from scratch, for beginners.
  • Finance BoosanTamil@finance.boosanInvesting, the Indian stock market and personal finance, made simple.

• Research2

  • Hacker Papersacademy.dair.aiThe arXiv papers Hacker News keeps bringing up, ranked by how long they have stayed in the conversation.
  • alphaXivalphaxiv.orgRead and discuss arXiv papers, see what is trending, and follow the researchers behind them.

• Inspiration6

  • Referorefero.designTens of thousands of real web and iOS screens, with search that finds a pattern fast.
  • Mobbinmobbin.comOver 600,000 screenshots of mobile and web apps, searchable by screen and flow.
  • Vibrant Designvibrant.designCurated websites, sections and UI, saved to moodboards and turned into notes an AI agent can build from.
  • before.clickThe best App Store screenshot designs from real iOS apps, in one gallery.
  • benji.orgThe site I had open while designing this one. One narrow column, short first-person lines, no hero.
  • Bear Blogbearblog.devProof that a blog can be a plain list of posts, newest first, and nothing else.

• Components11

  • 21st21st.dev12,000+ React and Tailwind components, templates and shadcn themes from design engineers.
  • shadcn/uiui.shadcn.comComponents you copy into your project and own, instead of a library you fight.
  • Arc UIuiarc.devAnimated components and blocks for shadcn and Next.js, with an MCP server so an AI agent can build with them.
  • Beautiful UIbeautifului.devCopy-paste pieces for AI interfaces: chat, thinking states and human-in-the-loop approvals.
  • 23rd23rd.devAn opinionated shadcn registry of shaders, backgrounds, footers and interactive UI.
  • useLayoutsuselayouts.comFree animated React components built with Motion and Tailwind. Copy the code or add it with the shadcn CLI.
  • beUIbeui.devAnimated components for React, Next.js and React Native, built with Motion, Tailwind and Reanimated.
  • Rare UIrareui.comUncommon animated React components built with Tailwind and Motion, installed with the shadcn CLI.
  • EasyUIeasyui.siteOpen-source animated components for Tailwind, with live demos and TypeScript source.
  • ObsidianUIobsidianui.devReact and Tailwind components, blocks and landing page templates.
  • Benchobencho.devInteractive blocks grouped by gesture: slide, drag, press, swipe. Everything is live, so you tweak before you copy.

• Skills2

  • AI UX Playgroundaiuxplayground.com180+ handpicked SKILL.md files for UX, writing, accessibility and design systems, ready for Claude Code or Cursor.
  • Stageshowbenji.orgBenji Taylor's skill for faux UI: your agent builds a product demo, films it and fixes what it finds, as a plain React component.

• Motion3

  • transitions.devCSS transition snippets with consistent durations and easing. Where my timing tokens come from.
  • Amicroamicro.dev170+ free micro-interactions: animated buttons, 3D cards, loaders and text effects.
  • animosanimos.appMotion templates for showing off a design. Drop in screens, tweak, and export MP4 or WebM in the browser.

• Sound1

  • Cuelumecuelume.devTiny interaction sounds synthesized live with Web Audio. No audio files, no dependencies.

• Engineering1

  • Next.js docsnextjs.orgThe framework this site runs on. I read the guide for each feature before I use it.