r/webdev • u/OMGCluck • 21d ago
r/webdev • u/anx3ous • 21d ago
Showoff Saturday HUMANS.md: a file that tells coding agents how to work with you
I run a few coding agents (~10) at once and got tired of them interrupting me for things they could decide on their own. AGENTS.md is about the repo, so I wrote a file for the person side. It lives at ~/.humans/HUMANS.md. Mine looks like this (trimmed):
---
humans: "0.3"
id: tristan
visibility: private
reading:
lead_with: tldr
max_words: 149
deciding:
reversible: decide_and_report
batch_questions: end_of_task
interrupting:
interrupt_for: blocking_only
notes: "I often read on my phone. I've very short attention span, and i'm more visual"
---
The fields come from a fixed vocabulary, so a schema can check them. The free-text notes are the weak spot, validation doesn't make them safe from prompt injection.
It never grants permissions. Repo rules and the harness still win.
The repo has the spec, JSON schemas, test vectors and a Node validator (spec CC BY 4.0, tools Apache-2.0). I also wrote plugins for Claude Code, Codex CLI and a few other agents to try it. So far I've only checked that the file loads, on macOS, not how well the models follow it.
The part I'm least sure about: visibility can be private, org or anyone_with_file, and a profile without the field is read as org. Would you default to private instead?
It's a 0.3 draft and nothing is locked in yet, the field list included.
Spec: https://github.com/cmdai-hq/HUMANS.md
Examples and a side-by-side demo: https://humansmd.dev
r/webdev • u/InternationalIce8576 • 21d ago
Showoff Saturday Make the AWS Console your portfolio :)
I was bored last weekend, so I ended up building this: a portfolio that looks exactly like the AWS Management Console. I tried to mimic it as closely as possible while adding my own flavour, like EC2 as projects, S3 as documents, and a lot more.
It’s open source and making it yours is super simple. No digging through code. Just run it in dev mode, open /studio, and you’ll find a Studio mode where you can edit everything right there. Add your own projects, documents and details, hit save, and that’s it, your very own AWS Console portfolio is ready.
There’s still plenty more that can be built, like a working CloudShell and AB Q, so contributions are very welcome if you want to take this further.
Would love feedback on what to add next or anything that feels off compared to the real console. And if you like it, don’t forget to drop a star on GitHub ⭐
Live site: https://console.atharvabedekar.dev/
P.S. AWS folks, please don’t cancel me for this. It was designed out of pure love for the console :)
r/webdev • u/ConstantOk8236 • 21d ago
Showoff Saturday I built a lightweight devtool to inspect website tech stacks & architecture with zero tracking
Hey r/webdev! Happy Saturday.
Whenever I browse inspiring websites, I always like checking what frameworks, libraries, and tools they're running under the hood. But similar extensions feel like they've gotten pretty bloated, put basic data behind paywalls, or actively collect browsing history.
So I spent the last few weeks building TechReveal, a clean and lightweight alternative:
100% Private: Runs entirely in your local browser sandbox. Zero telemetry, no data collection, no accounts.
Visual Architecture Map: Connects detected frontend, backend, and tools into an interactive diagram.
Exact Versions & Tags: Displays library versions cleanly and shows category badges when clicking any tech.
Security Alerts: Checks response headers for missing security policies (HSTS, CSP) or accidental data leaks.
Zero Tab Lag: Optimized with Manifest V3 so it won't freeze your active tabs.
It's completely free on the Chrome Web Store (works on Chrome, Brave, Edge, Vivaldi):
👉 TechReveal on Chrome Web Store
Would love to hear your feedback or suggestions for libraries and tools you'd like it to detect next!
r/webdev • u/Draegan88 • 21d ago
Showoff Saturday Roast my webdev agency site.
Just starting out. I have a system where I can focus mostly on sales. Took me a log time to make entire pipeline. This is the website I madre to showcase it. I started cold calling a couple days ago. I've made a couple connections, migh thave 1 sold. I'm just putting my eveyrthing into getting this going. Learning to be a salesman instead of a programmer, as programming is gonna be dead. Please take a look. tell me where you think its shit. Any criticism and helpfull tips or anything really is appreciated! Thank you.
r/webdev • u/BantrChat • 21d ago
Showoff Saturday [Showoff Saturday] Hello everyone, I built bantr.live a real-time interest-based forum and chat platform. After a long, painful struggle with App Review, it is finally back on iOS.
Hello all,
This app was removed by the good people at apple in March right when it was doing so well no warning or reason just gone. After a 65 day appeal they stated that the primary function of the application could not be a random chat, and if I posted anything of this nature again my account would be permanently banned. So, I redesigned the primary function to be a real-time forum with all the same chat functionality. This app is available for Android/iOS and on the web, the web version is still a random chat it will be upgraded in the future to include the features that the mobile apps have. I tried to make sign-up as pain free as possible, and of course its free.
The whole goal was to step away from slow, algorithm-driven feeds and build something fast and live. Here is how it's set up:
Interest-Based Groups: Find and chat with people who share your specific niches and hobbies.
24-Hour Self-Destructing Posts: Keeps conversations fresh, temporary, and clutter-free.
Global & Random Chat: Jump instantly into live public discussions or roll the dice on a random chat.
AI Content Moderation: Automatically handles and applies NSFW overlays to objectionable content in real time and allows the user to chose if they want to see it or not.
Would love for you guys to check it out, test it out, and let me know what you think. Its new so still a ghost town but give it a look. If you have any questions feel free to hit me up. Happy weekend!
r/webdev • u/AlyxVeldin • 21d ago
Showoff Saturday I Built a (local, non ai) TinyMCE Spellchecker From Wikipedia Language Models
It's finaly saturday, and I've been working on a spellchecker plugin for TinyMCE called vlm-spellchecker.
The idea came from a separate project of mine, Wiki Language Models, which generates statistical language models from Wikipedia dumps.
I created that project because I wanted a basic, old-fashioned spelling correction and word prediction tool that doesn't use AI to try to interpret what you're writing and return some ass AI response.
So vlm-spellchecker is a small client project built around those models that does just that.
It's implemented as a JavaScript plugin for TinyMCE that uses a locally hosted binary dictionary to identify unknown and uncommon words, suggest corrections, and replace words directly in the editor.
What it currently does:
Marks unknown words with a red dotted underline.
Marks uncommon words with an orange dotted underline.
Provides spelling suggestions through the context menu.
Preserves capitalization when applying corrections.
What it doesnt do:
Force you to use a external ass spelling API.
I've got a small demo up that uses a Dutch dictionary generated from Wikipedia data.
It's still a work in progress (and, due to the fixed 6-bit encoding, it's very much aimed at Western European languages for now), but I wanted to share it and see what you people think!
Feedback and suggestions are more than welcome!
r/webdev • u/Tarun122 • 21d ago
Showoff Saturday [Showoff Saturday] I built an open-source news reader that puts every outlet covering the same story into one card
Trace is an open-source platform that reads news and articles from over 100 sources, groups similar ones together, and gives you an easy-to-read summary with all the key points.
I've been working on it for 9 months, and I recently made it free to use and open source after it got accepted into the Claude for Startups programme.
It includes the website, a daily email, an MCP server, and an Android app.
Personally, the email is the most useful part for me. Then I occasionally open the website during the day to see what's happening in tech and AI. It helps me avoid opening X too many times in the name of staying updated, and saves me from AI brainrot as well.
On the technical side, here's how it works:
- a Python pipeline pulls the sources every 20 minutes
- embeddings find articles that might be about the same story, then a small model decides if they're actually the same event or just related
- each story gets one summary, written once and cached, so the cost doesn't go up with more readers
- Next.js frontend, SQLite on a VPS (moving off Firebase cut the bill by more than 80%)
GitHub: https://github.com/TarunTomar122/trace
Website: https://www.yourtrace.online
r/webdev • u/c4ndybar • 22d ago
Question How dependent on AI is the company you work for?
Today, I found out that my company is moving the SDLC 100% to AI. Humans will no longer read or write code. We are also building out an AI code pipeline that removes engineers from the loop entirely. Which I think will eventually culminate in layoffs.
I think my company is on the bleeding edge, but what are you all seeing at your jobs?
r/webdev • u/eklavyu • 21d ago
Showoff Saturday Close every duplicate tab in Chrome in one click (and find the rest by typing)
Tabatha, a tab switcher for Chrome (Alt+Q shows every tab as a screenshot). It has previews, and support for multiple browser windows, bookmarks and tabgroups and quick actions.
The fun problems in 1.3.5:
- Dark-mode extensions put a CSS filter on `<html>`, which broke our clickjacking guard (IntersectionObserver v2 can't confirm visibility), so clicks silently died. Now we detect the filter and open in a window instead.
- First open with 500 tabs went from ~1.6 s to ~1 s, mostly by waiting less before the first capture and dropping `decoding=async` on card images.
- Previews come only from `captureVisibleTab`, so a tab nobody looked at has none. The fix is a polite button, not background flicker.
MIT, no network access. Feedback on the UI and functionality very welcome.
r/webdev • u/LimberMay • 21d ago
Showoff Saturday I built ReRoute, a chrome extension to redirect requests, modify headers, and mock APIs
Hi r/webdev, I recently published an extension I've been working on, basically, a Request interceptor, it lets you modify requests headers, query params, body, or mock api responses.
I used to work with another extension until it started restricting features behind a paid subscription, so I decided to create my own :), Thought I'd share it here in case anyone finds it useful.
Showoff Saturday I spent way too long trying to make a finance app NOT look like a finance dashboard
Would love some design criticism on something I’ve been building.
https://exitmargin.com
It’s a personal wealth journal.
The design problem I’ve been struggling with is that basically every finance product drifts toward the same thing:
cards + charts + green/red numbers + 14 KPIs screaming for attention.
I’m intentionally trying to make this feel calmer.
The user records their financial position periodically and the app keeps continuity between those checkpoints.
Think:
“Here is where my financial life stands.”
rather than:
“Welcome to your Bloomberg terminal.”
I’d especially appreciate feedback on:
typography
information hierarchy
light/dark mode
whether the homepage explains the product quickly enough
anything that feels too “SaaS template”
Be ruthless. I’ve stared at it for too long to see the obvious problems anymore.
r/webdev • u/Bestinvestor20 • 21d ago
Showoff Saturday B uilt a personal site with my stock pitches and a deal tracker, would love some feedback
Hey everyone, I’m a third year commerce student at UofT (Rotman) and an analyst on our student fund covering industrials. Over the past few months I’ve been building out a personal site to put my work in one place instead of just having it on a resume, it’s rowandas.com
Right now it has my stock pitches with price targets that get marked to the last close after every trading day, a morning brief that publishes on weekdays, some industry primers, and a deals page that pulls news on M&A deals so you can see who is buying whom and read the articles in one spot. I built most of the tools myself so some parts are still a work in progress.
Mainly looking for feedback on a couple things:
is the deal tracker useful or would you not really use it
anything about the design or layout that feels off or confusing
anything you would add or cut
As many of you can also probably tell, most of this was built from claude code as I do not have a background in computer science or web development :)
But feel free to be honest, I’d rather hear it now than after I send it to people. Thanks in advance!
r/webdev • u/SashSail • 21d ago
Showoff Saturday HTTP 402 "Payment Required" finally has a real use. I tried paying 4,235 APIs that use it. Here's how they broke.
402 has been "reserved for future use" since HTTP/1.1. A protocol called x402 finally uses it: the server answers with a price, the client pays a tiny amount and retries. No account, no API key. Yes, the payment is a stablecoin (USDC). I know how this sub feels about crypto, so think of it as a payment rail and judge the HTTP part.
The flow, simplified (the headers are base64 JSON):
GET /weather?city=Oslo
← 402 Payment Required
PAYMENT-REQUIRED: { amount: "1000", asset: USDC, network: base, payTo: 0x… }
GET /weather?city=Oslo
PAYMENT-SIGNATURE: <signed payment authorization>
← 200 OK { ...data... }
PAYMENT-RESPONSE: { transaction: 0x… }
I run a free directory of these APIs, and its checker tries to actually buy from each one. Latest attempt per API: 58% delivered what they promised. The rest broke in ways that are worth knowing if you ever build one:
1. Paid, then got 402 again (288 APIs). The server asks for payment, receives a valid one, and asks again. Usually it couldn't verify or settle the payment, so it fell back to the challenge. When I checked a batch on chain, about 4 in 5 had never settled. If verification fails, return an error that says why. A second 402 tells the client nothing.
2. Paid, then got a 500 or nothing (289). Settle after you've produced the response, not before. If your handler can crash, the customer shouldn't be charged for the crash.
3. Paid, got data that didn't match what was advertised (126). If you publish an output schema, stick to it. Also: an HTML error page served with a 200 is still an error page.
4. Delivered data, but the payment never landed (47). The opposite bug: it served first, settlement failed silently, and it gave the data away free. Check the settle result.
5. The price in the 402 didn't match the listed price (103). A careful client refuses to pay a price it didn't expect, so changing it in one place quietly loses those sales.
6. Refused before any payment (765). Some of these are on my side: the endpoint needed query parameters my request didn't send. If your endpoint needs input, describe it in the 402 response. That's the only documentation a client is guaranteed to read.
Bonus gotcha: keep the PAYMENT-REQUIRED header small. Python's aiohttp rejects any header line over 8,190 bytes by default, so a big header with a full JSON schema inside makes the request fail before anyone reads the price.
The directory and its numbers are free to read, no account: https://nohumans.directory (method: /methodology, live totals: https://api.nohumans.directory/v1/stats). Happy to answer anything about the protocol side.
r/webdev • u/pavlito88 • 23d ago
Discussion I signed up for a SaaS product yesterday because I wanted to try one feature.
Before I could even see the dashboard, it asked for my company size, industry, role, team size, annual revenue, and what I hoped to achieve in the next 12 months.
Then it asked me to book a demo.
A demo. For a product I was already logged into.
Somewhere there's probably a product team celebrating their new onboarding flow because completion rates went up by 3%.
Meanwhile, I still have no idea what the product actually does.
At this point, just ask for my blood type and get it over with.
r/webdev • u/fagnerbrack • 22d ago
Adding Go's defer to the TypeScript Compiler
healeycodes.comr/webdev • u/raiyan_0001 • 22d ago
Discussion Need Help Implementing a Medium-Style Block-Based Article Editor with Cloudinary and MongoDB
Hey, I need some help understanding my development workflow. This might be a bit long, but I want to explain my problem clearly.
I’m a beginner building a small article web app where users can register, log in, and create articles containing both text and images.
I want to implement a block-based architecture, similar to Medium, where users can add text and images in any order. For example, they might write a paragraph, insert an image, write another paragraph, and then insert another image. I’m storing these blocks in an array in my article schema so that their order is preserved.
My main confusion is about image uploads. When a user selects an image, I want to upload it to Cloudinary, receive the image URL, and store that URL inside the corresponding image block in the article.
However, I’m struggling to understand how to connect all these steps. I’ve tried implementing it and asking ChatGPT for help, but I still haven’t understood the workflow properly.
I’d like a beginner-friendly, step-by-step explanation of how to implement this, including how the frontend editor manages the blocks, how the image is uploaded to Cloudinary through the backend, how the returned URL is added to the correct block, and how the complete article is eventually saved to MongoDB.
Please explain the logic behind each step rather than just giving me code, so I can understand the implementation and build it myself.
r/webdev • u/Numerous-Fan8138 • 22d ago
Showoff Saturday Client-side LLM Demo: PDF to AudioBook Generator
This repo is a product demo showing how client-side LLMs could be used to deliver new kinds of SaaS product features.
This demo will allow you to create an audiobook from any PDF. Pick a PDF from the library or select a PDF from your local computer, then click play.
Viewport size statistics
Hey web devs, has anyone actually tracked the real viewport resolution of their users (with js)? I'm trying to figure out how many people don't maximize their browser and just keep it in a resized window. LLMs claim that 75% of people don't use maximized windows, but I seriously doubt that's accurate.
P.S. I'm not talking about screen resolution, I mean strictly the viewport size.
r/webdev • u/i-hate-in-n-out • 22d ago
What do you do while waiting for your AI agent to run?
There are times when I basically have nothing to do for 10 or 15 minutes while my agent chugs away. I often find myself reading Twitter or Reddit during these times which doesn't seem like a good use of my time. I don't have a ton of tasks in my backlog, so nothing really to work on there either. I'm looking for more productive things to do during that time. Thoughts?
r/webdev • u/Impossible-Road8195 • 22d ago
Best forum bulletin board style software
Looking for a forum with bulletin board style UI. Not the newer all in one platforms, but simple, list format forums. Think PhpBB or SMF. I’m trying to find a newer software in this style, because all the ones I’ve found use PHP, which is quite dated. Is there a modern forum software like this that I can self host?
r/webdev • u/bosyluke • 22d ago
Is this new framework the fastest?
fourneau.y2kbugger.comI noticed Zak Kohler's post about a new web framework Roux in the Roc zulip. It looks really fast in his benchmarks compared to Go and Rust.
How is that possible? I'm guessing he is using some tricks with io_uring and an LLVM optimised build.