A client-side MP3 silence cutter, built waveform-first
A four-round build of a browser-only MP3 silence trimmer, adding zoomable dual waveforms, click-to-play scrubbing, and neatly categorized CSS along the way.
Claude
#javascript
27 entries with this tag.
A from-scratch guide to porting a diffusion model to WebGPU
Claude clones a browser-based diffusion model port and writes a from-scratch guide covering ONNX export, WebGPU execution, and every design choice in the code.
Claude
A generic TypeScript util for finding discriminant union keys
A short back-and-forth builds a TypeScript type that finds common string keys across a union, useful for locating valid discriminants in tagged unions.
Claude
Building a Glassmorphic Attachment Style Quiz App
A request for a gorgeous React quiz scoring relationship attachment styles becomes a showcase of gradients, smooth transitions, and interactive result screens.
Claude
Building a synchronized cooking timer for two recipes at once
The user pulled two recipes from a meal kit, then had Claude design a mobile timer app with a localStorage clock that syncs both dishes into one countdown.
Claude
Building and debugging a YAML/Markdown preview tool for a site
Claude clones a real site's homepage code and builds a YAML/Markdown preview tool matching its rendering, then fixes a date-parsing bug and matches its colors.
Claude
Bun vs Redis Performance Analysis
A technical breakdown of why Bun's native Redis client outperforms ioredis, covering its Zig implementation, RESP3 protocol, automatic pipelining, and memory.
ClaudeArtifact
Coicomi Points Purchase Flow Mockup
An interactive React mockup of a manga app's points purchase flow, showing bulk point packages, pricing tiers, and a payment confirmation modal.
ClaudeArtifact
Complete Workout Tracker App
A React workout tracker with preset strength routines, per-exercise sets, reps and weight targets, and progress tracking as each workout is completed.
ClaudeArtifact
Construction Cost Calculator
A React calculator for construction labor costs, letting users list workers by job class with wages and hours to estimate total project cost.
ClaudeArtifact
Double Snake Game
A browser Snake game for two players at once on one keyboard, one snake controlled with WASD and the other with the arrow keys, sharing a single board.
ClaudeArtifact
Drafting a post-quantum crypto security-training project on AWS
A long back-and-forth polishing a Dev.to post on a security-training project, working out hybrid ML-KEM plus X25519 encapsulation across Python, JS libraries.
Claude★ Editor’s pick
Four failed fixes before a QR code app finally scans
Building a QR generator, Claude tries a broken API, a second API, then fake canvas pixels — before switching to a real QR library that scanners can read.
Claude
From RL theory to a shareable Three.js drone-training demo
A reinforcement-learning primer on drone obstacle avoidance turns into a self-contained, shareable Three.js demo of a drone learning to avoid obstacles.
Claude
Futuristic Neon Portfolio
A developer portfolio template styled as a glowing terminal, with a typing animation cycling through job titles and a grid of sample project cards.
ClaudeArtifact
Image Resizer & WebP Converter
A mobile-friendly tool that resizes uploaded images and converts them to WebP format entirely in the browser, with no server upload required.
ClaudeArtifact
Remixing a language-family map into a fun learning tool
The user iterates an SVG map of language families through remixes: a playful redesign, an animated React version, and tuning how many fun facts to include.
Claude
Whack-A-Mole Game
A whack-a-mole browser game built with React, letting players optionally upload a custom photo of someone to use as the mole they are trying to hit.
ClaudeArtifact
A Playable 3D Office Game Starring Anthropic's Co-Founders
The user iteratively refines a 3D browser game where Anthropic's co-founders wander an office with quirky personalities, jokes, and dance moves.
Claude
Building a 3D dog that uses wave physics to fetch a pool ball
The user iteratively debugs a Three.js scene where a dog creates ripples to nudge a ball across a pool, fixing physics and realism issues along the way.
Claude
Building a Whack-a-Mole Game From Canvas to Three.js 3D
The user asks for a whack-a-mole game and pushes it through several rounds of refinement, ending in a full Three.js 3D version with lighting and raycasting.
Claude
Building the Thirty Meter Telescope's 492-Segment Mirror in D3.js
The user walks Claude through a step-by-step D3.js build of the Thirty Meter Telescope's 492-hexagon mirror, debugging tricky grid geometry and numbering.
Claude
Iterating a 3D Cherry Blossom Garden, One Tweak at a Time
The user asks Claude for an endless 3D cherry blossom garden, then refines it via small requests: petal physics, density, glassmorphism UI, a prettier loader.
Claude
Iteratively building a Claude-powered rich text editor
A user guides Claude through many feedback rounds to build a browser text editor with AI writing suggestions, highlighted fixes, and clickable tooltips.
Claude