★AI & Automation
Triage and summarize your inbox in 2 minutes
Your inbox is overflowing and you lose 20 minutes every morning sorting it. This prompt reads your unread emails, ranks them by priority and drafts replies for you, never sending anything without your approval.
›_You are my inbox triage assistant. Here is your mission: 1. Fetch my unread emails from my…
Open the sheet
Website
21 tools to finish your site: type, color, performance
A visitor judges a site in under a second, and at that moment they have read no text. They have seen a typeface, a palette and a loading speed. This is the part almost nobody works on, which is exactly why it pays. Here are the 21 tools we use to handle it.
Open the sheet
AI & Automation
14 resources for building websites with AI
A site generated without art direction is spotted in two seconds: same layout, same typeface, same gradient. The problem is not the model, it is the prompt. These 14 resources hand you prompts that carry real art direction, with named fonts, color tokens and described motion.
Open the sheet
Web App
22 component and animation libraries
Rebuilding a carousel, an accordion or a scroll reveal on every project means billing a client for a problem solved a thousand times already. These 22 libraries copy paste into a React or Next.js project and reach a level of polish most paid templates never do.
Open the sheet
Website
19 galleries to steal the best web design from
You open Figma in front of a blank page, or fire off a prompt without knowing what you are aiming for. The problem is not a lack of ideas, it is a lack of references. Here are the 19 sites where we find ours.
Open the sheet
Website How the Lando Norris, Charles Leclerc and Oscar Piastri sites are built
F1 driver sites (landonorris.com, charlesleclerc.com, oscarpiastri.com) look like an unreachable budget, yet none of the three uses 3D: it is all Lenis, GSAP ScrollTrigger, masked line-by-line text reveals and well encoded full-bleed video. The real blocker is that a single prompt cannot produce this kind of site, because the systems depend on each other (scroll engine before any animation, preloader before the hero, consecutive pins in one sequence). This breaks down what actually runs on all three, then splits the build into 10 steps with a ready-to-paste prompt for each.
›_You are my build partner for a cinematic athlete / driver one-page site in the style of la…
Open the sheet
Website Build an Apple-style product page from A to Z (the code teardown)
Apple product pages look out of reach, yet they rest on five stackable layers that are all reproducible. This resource opens the production JavaScript bundles of iPhone 17 Pro, AirPods Pro and MacBook Pro, shows what each one actually does (hand written GLSL shaders, HLS video scrubbing, a CSS driven keyframe engine), then gives the build order and the full prompt.
›_You are building an Apple-style product page: a long scroll where the visuals are driven b…
Open the sheet
Website Building genuinely high-end scroll animations
Smooth scroll dropped in with three lines gives you a sluggish site that judders on pinned sections and turns annoying on mobile. Studio-grade scrolling is four distinct layers, each tuned separately: inertia, reveal, pinning, scrubbing. This guide covers all four, with the code, the values that actually work, and a teardown of three sites that get them right.
›_# Scroll motion layer: build spec # Portable: save it as CLAUDE.md (Claude Code) or AGENTS…
Open the sheet
Website Building a 10k website with AI: the full pipeline
A client shows you igloo.inc and asks for a quote. These sites look impossible to ship solo, yet two of the three run on a very reproducible stack. This guide gives the real teardown of all three, what a 10k budget actually buys, and the full production pipeline with Claude and the external tools around it.
›_# Protocol: build a studio-grade marketing site, step by step You are my build partner on …
Open the sheet
Website How a site like likova.space is built (and the prompt to recreate it)
Architecture/real-estate marketing sites like likova.space look like a major production but are built on a straightforward stack: no framework, raw Three.js with GLTFLoader for a real 3D model, hand-rolled scroll motion. This breaks down exactly what's running and gives a ready-to-use prompt to rebuild the pattern with your own project.
›_You are building a scroll-narrative marketing site for a physical product (real estate, ar…
Open the sheet
Website How a site like hirotos.com is built (and the prompt to recreate it)
Interactive 3D/creative-developer portfolios like hirotos.com look technically out of reach but are built on an accessible, well-documented stack (Next.js + react-three-fiber/Three.js + GSAP + optionally p5.js). This breaks down exactly what's running and gives a ready-to-use prompt to rebuild the pattern with your own content.
›_You are building a portfolio site in the style of a "creative developer" showcase (think h…
Open the sheet
Website How a site like noth.in is built (and the prompt to recreate it)
High-end studio/portfolio sites like noth.in look expensive but are built on an accessible stack (Webflow + a custom GSAP layer), not custom engineering. This breaks down exactly what's running and gives a ready-to-use prompt to rebuild the pattern with your own content.
›_You are building a one-page studio/portfolio site in the style of high-end creative-agency…
Open the sheet
AI & Automation Your $100 Fable 5 credit: where to claim it and how to not burn it in one session
Claude Pro/Team Standard subscribers lost bundled Fable 5 access on July 20, 2026. A one-time $100 usage credit is available but must be claimed from Settings > Usage on claude.ai, not applied automatically; after it's used, Fable 5 is metered at $10/M input and $50/M output. Most people either never claim it or burn through it in one heavy session.
Open the sheet
Turn your GitHub profile photo into a self-typing ASCII portrait
Your GitHub profile README is one of the most-viewed pages you own and it's usually a wall of static badges nobody reads. This resource gives you a free Python script that turns any photo into a monochrome ASCII portrait that types itself out when someone opens your profile, animates on a loop, and works in both GitHub light and dark mode. No JavaScript, no third-party stats service, no API token. Just one script, one photo, and an SVG file GitHub already knows how to animate.
›_1. Create your GitHub profile repo (must match your username exactly): gh repo create --pu…
Open the sheet
Website Behind the FS 60P: how a real-time 3D product page works
You want a product page that feels premium and interactive instead of another static template, but building one usually means a custom 3D pipeline most teams do not have. This breaks down exactly how thewatch.60fps.fr turns a single 3D model into a full product site (hero, color swap, exploded parts diagram, spec sheet), and gives you the prompt to build your own version once you have a 3D asset.
›_Build a single-page product showcase site for a physical product, using React, TypeScript,…
Open the sheet
Website
Steal This 'Boomerang Video' Hero Effect (Prompt Included)
Looping background videos always have that annoying restart cut, here's one that doesn't.
›_### Stack - **Vite** + **React 18** + **TypeScript** - **Tailwind CSS 3.4** - **lucide-rea…
Open the sheet
Website Steal This Portfolio's Structure (Prompt Included)
Most portfolios look the same, here's one that doesn't, plus the base prompt to build your own.
›_Build a single-viewport personal portfolio hero using React, TypeScript, Vite, and Tailwin…
Open the sheet
Website
Sites That Hit Different
The sites that made me get up and dance at my desk.
Open the sheet
AI & Automation Gmail Daily Briefing Prompt
Your Gmail inbox is already full by 9am, and sorting through fifty emails to find the three that actually matter costs you twenty minutes every single morning. This prompt sets up a scheduled task that checks your unread mail, filters out the noise, sorts what's left by priority, and drafts replies in your own voice, all before you've had your coffee. Nothing gets sent without your approval.
›_You are my patient, extremely clear personal tech tutor. I am not technical. Explain every…
Open the sheet