DEV Community: Shawn Hacks

AIHuntList - Discover The Best AI Products & Tools

Shawn Hacks — Fri, 06 Feb 2026 09:56:48 +0000

I’m Shawn, the creator of AIHuntList.com!

AIHuntList is one of my works:

“AI tool directories” might feel common—but AIHuntList is a truly dedicated navigation hub, one that aims to redefine how you discover AI solutions. Powered by our custom search framework, AIHuntList offers:

• Full-text search with real-time suggestions • Structured data for better SEO

• 📊 Growing database of thousands of AI tools

What you see today is just the start—less than 50% of AIHuntList’s full potential.

Feel free to explore and push its limits. Visit us at https://aihuntlist.com! 🚀

I Built an Arc Raiders Toolbox Website for the Community

Shawn Hacks — Fri, 06 Feb 2026 09:47:05 +0000

I Built an Arc Raiders Toolbox Website for the Community

I’ve been playing ARC Raiders quite a lot recently, and like many other players, I kept running into the same problem:

Useful information is everywhere — but never in one place.

Items, quests, traders, maps, events…
Some data lives in wikis, some in spreadsheets, some in Discord messages or Reddit comments. Every time I wanted to check something mid-raid or while planning my next run, I ended up opening multiple tabs.

So I decided to build a small side project for myself — which slowly turned into a full Arc Raiders Toolbox website:

👉 https://arcraiders.website/

What is Arc Raiders Toolbox?

Arc Raiders Toolbox is a community-driven helper site for ARC Raiders players.
The goal is simple:

Put all frequently needed game data into one clean, fast, easy-to-browse website.

No accounts required. No popups. Just useful information.

Current Features

Here’s what the site already includes:

🧰 Items Database

A structured list of in-game items with clear categorization, so you can quickly understand what’s worth keeping, trading, or using.

🎯 Quests & Progress Tracking

Quest requirements and objectives laid out in a readable way — no more scrolling through chat logs or guessing what you missed.

🤝 Traders

See what each trader offers, how they fit into progression, and plan your resource usage better.

🗺️ Maps

An overview of game maps and areas to help with route planning and risk assessment.

🏗️ Projects & Hideout

Track long-term goals and understand how different projects connect together.

🤖 Events & Bots

Quick references for in-game events and enemy types you’ll encounter during raids.

Everything is designed to be fast to scan — something you can open on a second monitor or phone while playing.

What’s Next?

If you play ARC Raiders and have ideas for features that would actually be useful, I’d love to hear them.

Try It Out

🔗 Arc Raiders Toolbox
https://arcraiders.website/

If this saves you even one alt-tab during a raid, it already did its job.

I Built a Small Tool for Screenshotting and Recording Public Websites — and It Went Deeper Than I Expected

Shawn Hacks — Sun, 25 Jan 2026 11:24:16 +0000

I Built a Small Tool for Screenshotting and Recording Public Websites — and It Went Deeper Than I Expected

Back in August, I built a small utility website that can take screenshots or record scrolling videos of any publicly accessible website.

At the beginning, the idea was very simple:

“Just take a screenshot of a website.”

But as I started researching and actually building it, I realized that even a “simple” website screenshot tool can go surprisingly deep.

Website Screenshots

A “clean, complete, and good-looking” website screenshot is not as trivial as it sounds. There are quite a few factors to think about:

Device & Resolution Support

This one is obvious but essential:
The tool needs to support different viewport sizes — desktop, tablet, and mobile.

Viewport vs Full Page

Should the screenshot capture only what’s visible on the screen, or the entire page height?

I added a “Full Size” toggle so users can choose between:

Viewport-only screenshot

Full-page screenshot

Output Formats

For images, JPEG and PNG cover most use cases.

But some websites are long, content-heavy articles. In those cases, users may want to save and read them later — so I added PDF output as well.

Timing the Screenshot

This is trickier than it looks.

If you capture too early, you’ll end up with:

Loading spinners

Incomplete layouts

Half-rendered content

So the tool needs to wait until the page is “ready”:

At least after the load event

Sometimes even until network idle

But modern websites often load content asynchronously on the client side, so even that’s not always enough.

To handle this, I added a “Capture Delay” parameter, allowing users to wait an extra few seconds before taking the screenshot.

Blocking Ads

Nobody wants ads in their screenshots.

So there’s a “Block Ads” option to hide common ad elements before capturing.

Cookie Consent & GDPR Banners

Especially for European-facing websites, cookie consent popups are everywhere.

To avoid screenshots being ruined by banners, I added a
“Block Cookies & GDPR Banners” option.

These are some of the experiments I’ve done so far around website screenshots, mostly exposed through configurable parameters.

One image is worth a thousand words — here’s what the screenshot interface looks like:

Website Scrolling Video Recording

Next came scrolling video recording.

Some parameters are similar to screenshots:

Resolution

Block Ads

Block Cookies & GDPR Banners

Initial Delay

But making the output video look smooth and usable introduces a whole new set of challenges.

Cutting the Loading Phase

Most recording tools start recording as soon as the page opens, which means:

You’ll capture page loading

Layout shifts

Blank or flashing states

To get a clean result, you need to:

Precisely measure the time from page load start to when scrolling begins

Trim that initial segment in post-processing

Scroll Rhythm Control

Smooth scrolling isn’t automatic.

I introduced two key parameters:

Scroll Distance – how far the page scrolls each time

Scroll Delay – how long it pauses between scrolls

Tuning these two controls has a huge impact on how natural the video feels.

Output Formats

The default recording format is WebM, but in practice:

MP4 is far more widely supported

GIF is still very popular for social sharing (especially on Twitter/X)

So the tool supports WebM / MP4 / GIF outputs.

The workflow looks like this:

Record in WebM

Trim the loading portion

Convert formats using ffmpeg

These are the main areas I’ve been exploring for website video recording so far, again mostly exposed as adjustable parameters.

One image is worth a thousand words — here’s what the video recording interface looks like:

Example Output

Below is a sample scrolling video of the Stripe website using default parameters.
The file size is just over 4MB:

https://github.com/user-attachments/assets/8ab22ba0-23cd-42ac-a2be-67f1927fb7be

What’s Next?

There’s still a lot worth digging into, for example:

Capturing screenshots/videos in both light and dark mode

Providing an API service

Improving parallel processing for better stability and scalability

Try It Out & Feedback Welcome

If you’re interested, feel free to try it and share any feedback or ideas:

Website Screenshot Tool
https://websitescreenshot.online

Website Scrolling Video Recorder
https://websitescreenshot.online/tools/record-website-video

Thanks for reading 🙌

Building CuteWallpaper.site: Making Wallpapers That Actually Fit Real Screens

Shawn Hacks — Sun, 25 Jan 2026 03:21:46 +0000

Wallpapers are one of those things people interact with every day — yet the experience of finding a good one is often frustrating.

I’ve tried countless wallpaper websites over the years, and the problems were always the same:
images that look great in previews but don’t work on real screens, mismatched resolutions, awkward crops, and a browsing experience overloaded with ads.

That frustration led me to build CuteWallpaper.site — a small, focused project designed around how wallpapers are actually used.

The real problem with wallpapers

Most wallpaper platforms optimize for scale:

More images
More clicks
More ads

But they rarely optimize for fit.

A wallpaper isn’t just an image — it has to work across:

Wide desktop monitors
Tall mobile screens
Tablets with in-between aspect ratios

Even so-called “4K wallpapers” often break once you apply them. Icons clash with focal points, compositions feel off, and cropping usually requires external tools.

I wanted to solve that exact gap.

What CuteWallpaper.site focuses on

CuteWallpaper.site is a curated collection of cute 4K & HD wallpapers designed for desktop, mobile, and tablet devices.

Instead of maximizing quantity, the site focuses on usability and visual comfort.

Cute, but calm

“Cute” doesn’t mean loud or distracting.

The wallpapers are selected to be:

Pleasant to look at every day
Clean in composition
Friendly to icons and UI elements

The goal is to make screens feel calm and enjoyable, not busy.

One wallpaper, multiple devices

Different devices demand different aspect ratios. Rather than forcing users to find a “perfect match,” the site adapts wallpapers to the user’s screen.

Crop-to-download: built around real usage

The core feature of CuteWallpaper.site is a crop-to-download tool.

If a wallpaper’s original dimensions don’t match your screen, you can:

Choose your target resolution
Visually crop the wallpaper in the browser
Download the exact size you need

No image editors, no trial and error — just a wallpaper that fits.

This feature came directly from personal frustration, and it remains the heart of the product.

Save favorites, come back later

Logged-in users can bookmark wallpapers they like and build a personal collection over time — turning casual browsing into something more intentional.

A growing, curated library

CuteWallpaper.site is not a static gallery.

New wallpapers are added regularly, and the collection is continuously refined. The focus is on consistency, quality, and long-term usefulness — not scraping massive image sets.

The goal is to build a library that improves over time.

Built small, intentionally

This is an independent project, built without growth hacks or aggressive monetization.

That choice allows the product to stay:

Clean and fast
Focused on user experience
Free from unnecessary distractions

CuteWallpaper.site exists because I wanted a wallpaper site I would genuinely use myself.

If you care about how your screens look — or you’ve ever been frustrated by wallpaper sites — this project might resonate with you.

👉 https://cutewallpaper.site/

I am building a screen recorder for creating studio-quality product demos

Shawn Hacks — Sat, 03 Jan 2026 10:35:40 +0000

I’m an indie dev, and every time I launch or ship something, there’s this familiar mini-hell: “now I need to record a decent demo…”

You probably know the drill:

Install yet another screen recorder
Wrestle with audio settings (system sounds vs mic)
Accidentally capture messy tabs or notifications
Re‑record because you forgot to hide something sensitive
Open a separate editor just to crop, zoom, or add a simple arrow

After doing this too many times, I realized I was spending way more time fighting tools than making the actual demo. Most of what I needed was simple: clean product walkthroughs, short tutorial clips, or something polished enough to share on social media—but the existing tools made that way harder than it should be.

So I ended up doing what most devs probably shouldn’t do when they’re busy: I built my own thing. 😅

It’s called Screentell, and the idea is simple:

A low‑friction, in‑browser screen recorder + editor that covers ~90% of all “I just need a decent demo” use cases—without installs, complex timelines, or heavy software.

What Screentell Does (and Why It’s Built This Way)

📹 Easy Recording

I wanted to hit “record” and just go:

Record screen + camera simultaneously with system audio and mic
Dual‑stream engine for high quality capture

No software installs—runs entirely in your browser (Chrome, Edge, Brave, Arc)

🎬 Browser‑Based Editing (No Desktop App Needed)

Most of my edits are simple, presentation‑style tweaks—not full video productions. So Screentell focuses on:

Crop & trim your recordings to hide anything sensitive
Focus Zoom (2D) and Cinematic 3D Transforms to guide your viewer’s eye
Multi‑track editing — move, resize, or hide your face cam after recording
Advanced clip editing — cut, delete, adjust playback speed, etc.

✏️ Stickers & Annotations

I always end up wanting arrows and callouts, so Screentell includes:

Hand‑drawn style arrows, speech bubbles, shapes, and text Customizable colors, borders, shadows, and own image uploads Quick visual cues without jumping to a separate editor

🎨 Layout & Presentation

I care about how the final frame looks (especially for socials):
Choose backgrounds (solid, gradient, wallpaper)

Add padding/shadows to give a studio‑quality look
Flexible face camera layer — show/hide, resize, animate

Result looks great on landing pages, tweets, or product updates without Premiere or Final Cut

🔒 Privacy & Local‑First

Everything happens locally — your recordings never leave your device unless you choose to share them. No server uploads, no cloud processing.

Who It’s For

If you’re:

Don’t want to install heavy software or learn a complex timeline editor

…then Screentell might be the tool you’ve been waiting for. It runs entirely in the browser—record → edit → export—and most people can figure it out in just a few minutes of clicking around.

Right now, it’s very much built from my own pain points as a solo dev who constantly needs “yet another demo,” so I’m sure my blind spots are showing.

If you do screen recordings often, I’d love to know:

👉 What’s the most annoying part of your current workflow?

👉 What’s one thing your current tool still doesn’t do well?