Explaining a CRDT-Style Text Merge Algorithm, Then Visualizing It
A walkthrough of a custom three-way text merge system using generation counts and tree ordering, followed by a live Pyodide visualizer built to demonstrate it.
Claude
#web-dev
51 entries with this tag.
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
HubSpot Implementation | BoomCloud
A marketing landing page for a HubSpot implementation service, with a hero section, trust indicators, and calls to action aimed at prospective clients.
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
Inside an AI Agent Swarm That Built a Browser Engine
A summary of an interview on an experimental browser rendering engine built almost entirely by thousands of concurrent AI coding agents over a single week.
Claude
Interactive Mac Onboarding Setup Web App
A checklist tool for setting up a new Mac: pick the apps and settings you want, and it generates a shell script that installs and configures them.
ClaudeArtifact
KAF Transport App Brief
A product brief for Bubble.io developers laying out a transport app's day-in-the-life narrative, business workflows, features, and data integrations.
ClaudeArtifact
Mapping the space between AI coding specs and app blueprints
A deep dive comparing Solid, FHIR, and leaked Lovable/Replit prompts to figure out what a spec an AI agent could build a whole app class from looks like.
Claude
MedTrunfo Color Palette Demo
Portuguese-language demo dashboard for a medical education platform, showing its full color palette applied across a student dashboard mockup.
ClaudeArtifact
PDF to Excel Converter (Demo Prototype)
Prototype that accepts a PDF upload and returns a downloadable CSV file; the actual PDF-to-table extraction logic is a placeholder, not implemented.
ClaudeArtifact
Relume AI Sitemap Prompting Mastery Guide
A written guide to writing prompts for Relume AI's sitemap generator, covering prompt structure, component targeting, and examples for B2B SaaS websites.
ClaudeArtifact
Tech Roadmap with Custom Learning Plan
A frontend developer skill roadmap you can browse by category, pick learning resources from, and assemble into a personal, trackable study plan with progress.
ClaudeArtifact
Vibe Coding Session - AI Collective Workshop
A German-language agenda for a 90-minute workshop teaching non-technical business managers to build landing pages and calculators with no-code AI tools.
ClaudeArtifact
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
Where Apache's RewriteRule Substitution Docs Mislead
A close read of one sentence in Apache's mod_rewrite docs, showing how its account of RewriteRule substitution oversimplifies sequencing and what gets replaced.
Claude
Where Markdown Extensions Quietly Contradict Each Other
A rundown of Markdown extensions, math, subscripts, footnotes, wikilinks, that clash with CommonMark or each other when a parser can't tell the dialect in use.
Claude
Wrangling a Browser Agent to Chart a Benchmark Leaderboard
Claude uses a browser agent to open a benchmark leaderboard, then iterates through several failed attempts to inject percentage labels onto a live chart.
Claude
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
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
Iteratively Building a Platformer with AI-Generated Levels
The user works with Claude across six rounds building a browser platformer with AI-generated levels, refining theme detail, difficulty, retries, and length.
Claude