<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Dane Atkinson</title>
    <description>The latest articles on DEV Community by Dane Atkinson (@dane_atkinson).</description>
    <link>https://dev.to/dane_atkinson</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3852050%2Fd73f3436-d419-4fa2-9cc1-09ed689c6e0e.jpg</url>
      <title>DEV Community: Dane Atkinson</title>
      <link>https://dev.to/dane_atkinson</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/dane_atkinson"/>
    <language>en</language>
    <item>
      <title>Claude Creates Living, Interactive Web Pages; And They Deploy to Permanent URLs in Seconds!</title>
      <dc:creator>Dane Atkinson</dc:creator>
      <pubDate>Tue, 31 Mar 2026 02:19:28 +0000</pubDate>
      <link>https://dev.to/dane_atkinson/claude-creates-living-interactive-web-pages-and-they-deploy-to-permanent-urls-in-seconds-9hl</link>
      <guid>https://dev.to/dane_atkinson/claude-creates-living-interactive-web-pages-and-they-deploy-to-permanent-urls-in-seconds-9hl</guid>
      <description>&lt;p&gt;I've spent the last decade building things — from supply chain platforms at Squarespace to Odeko, where we're helping independent cafes manage their inventory and margins. But over the past few weeks, I've shipped something that feels fundamentally different.&lt;/p&gt;

&lt;p&gt;It's called SimSense. And the insight behind it is dead simple: &lt;strong&gt;Claude artifacts are temporary, but they don't have to be.&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  The Problem I Kept Running Into
&lt;/h2&gt;

&lt;p&gt;Last fall, I started using Claude heavily to prototype. I'd ask it to build an interactive dashboard, a voting interface, a real-time tracker — and Claude would generate perfect, working HTML/JavaScript right there in the chat. Amazing. Then I'd close the browser tab.&lt;/p&gt;

&lt;p&gt;Gone.&lt;/p&gt;

&lt;p&gt;What if I wanted to share that dashboard with my team? Paste it into a Slack thread? Put it on a TV in the office? Display it on a kiosk at the cafe? The artifact would live exactly nowhere — except inside a single chat window.&lt;/p&gt;

&lt;p&gt;I started thinking: what if Claude's output had a permanent address? What if you could take something Claude built and say "here's a URL, put it anywhere"?&lt;/p&gt;

&lt;p&gt;That simple question turned into a 10-day sprint with a tiny team. And it turned into something real.&lt;/p&gt;

&lt;h2&gt;
  
  
  What Is a Sim?
&lt;/h2&gt;

&lt;p&gt;A &lt;strong&gt;sim&lt;/strong&gt; is what happens when a Claude artifact gets a permanent address, state memory, and a physical presence.&lt;/p&gt;

&lt;p&gt;You open a URL on any device — your laptop, someone else's iPad, a TV in your lobby, a kiosk at the farmer's market. Claude shows up there. Right now. Doing something.&lt;/p&gt;

&lt;p&gt;That's it. That's the core insight.&lt;/p&gt;

&lt;p&gt;The sims we've shipped range from ambient art installations that run forever (thousands of particles flowing across a screen, never repeating) to interactive dashboards with persistent data (polls, shoutouts, job boards, layoff trackers). Some are personal. Some are community projects. Some are for real businesses.&lt;/p&gt;

&lt;p&gt;You don't host them. You don't manage infrastructure. Claude generates the HTML. We deploy it. You share the URL.&lt;/p&gt;

&lt;h2&gt;
  
  
  Built in 10 Days, With Claude as a Genuine Partner
&lt;/h2&gt;

&lt;p&gt;Here's what I want to be honest about: this product exists because of how collaboratively we built it with Claude itself.&lt;/p&gt;

&lt;p&gt;It wasn't "we used Claude to code things faster." It was more like: Claude was in the room for the architectural decisions. The naming came from a conversation with Claude about Neuromancer and SenseNet. The design direction evolved through real back-and-forth. The discovery system, the state memory implementation, the device management — Claude was genuinely involved in thinking through the problems.&lt;/p&gt;

&lt;p&gt;I've shipped plenty of startups fast. This was different. Faster. And weirdly more thoughtful, because we had a second brain in the conversation pushing on architecture while we slept.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Sims That Exist Right Now
&lt;/h2&gt;

&lt;p&gt;Let me show you what's possible. These are real sims, built by real people, live on the internet right now:&lt;/p&gt;

&lt;h3&gt;
  
  
  Ambient &amp;amp; Creative
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Continuum — Generative Flow Art&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://sim-idle-span-8820.my.simsense.ai" rel="noopener noreferrer"&gt;https://sim-idle-span-8820.my.simsense.ai&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Open this on a second monitor or TV and watch it run. Thousands of particles, flowing, never repeating. Algorithmic painting that evolves in real time.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Monet Gallery&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://sim-slate-burn-5704.my.simsense.ai" rel="noopener noreferrer"&gt;https://sim-slate-burn-5704.my.simsense.ai&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A museum-style rotating gallery of Monet paintings. Soft crossfades. The kind of ambient beauty you'd run on an office screen all day.&lt;/p&gt;
&lt;h3&gt;
  
  
  State Memory &amp;amp; Interactivity
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Team Shoutout Board&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://sim-ghost-sun-2716.my.simsense.ai" rel="noopener noreferrer"&gt;https://sim-ghost-sun-2716.my.simsense.ai&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Click this, submit a shoutout. Refresh. It's still there. Close the browser. Come back tomorrow. Your shoutout remains. Because sims have state memory. No database signup. No login. Just a URL.&lt;/p&gt;
&lt;h3&gt;
  
  
  Community Dashboards
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;F1 Fantasy League Dashboard&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://sim-burnt-creek-9664.my.simsense.ai" rel="noopener noreferrer"&gt;https://sim-burnt-creek-9664.my.simsense.ai&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Live F1 standings. Community voting. Real-time updates. Built by someone in the F1 fandom who wanted a cleaner interface than what existed.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;AI Layoff Tracker&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://sim-cold-shell-9435.my.simsense.ai" rel="noopener noreferrer"&gt;https://sim-cold-shell-9435.my.simsense.ai&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A community-powered database of companies reducing workforce due to AI. Anyone can add entries. The data persists.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Manchester Center VT — Who's Hiring?&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://sim-liminal-feed-3116.my.simsense.ai" rel="noopener noreferrer"&gt;https://sim-liminal-feed-3116.my.simsense.ai&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A job board for our town. Built by someone who wanted to help local hiring happen in one place.&lt;/p&gt;
&lt;h3&gt;
  
  
  Real Business Use
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Colburn Cafe Mobile Guide&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://sim-crisp-sun-4043.my.simsense.ai" rel="noopener noreferrer"&gt;https://sim-crisp-sun-4043.my.simsense.ai&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A real Vermont cafe put their menu, hours, WiFi password, and local event calendar on a sim. Customers can access it from anywhere, share it easily, and the cafe can update it by asking Claude to modify the sim.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Odeko Profitability Tracker&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://sim-chrome-relay-2595.my.simsense.ai" rel="noopener noreferrer"&gt;https://sim-chrome-relay-2595.my.simsense.ai&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Our company uses one internally — SG&amp;amp;A savings tracker that persists across the team. Everyone can see progress toward our margin goals. No spreadsheet. No dashboard subscription. Just a URL.&lt;/p&gt;
&lt;h2&gt;
  
  
  The Moment State Memory Changed Everything
&lt;/h2&gt;

&lt;p&gt;For the first few days, sims were beautiful but static. Then we added state memory. Suddenly sims weren't just displays anymore. They were applications. Real applications with persistent data.&lt;/p&gt;

&lt;p&gt;We used a simple key-value API so Claude could read and write state directly from the generated code:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// Claude-generated code can now do this&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;shoutouts&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;SimSense&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;get&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;shoutouts&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;list&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;SimSense&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;set&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;shoutouts&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;list&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;[...&lt;/span&gt;&lt;span class="nx"&gt;shoutouts&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;newEntry&lt;/span&gt;&lt;span class="p"&gt;]);&lt;/span&gt;

&lt;span class="c1"&gt;// Or increment a counter&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;result&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;SimSense&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;increment&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;votes&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;option-a&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;result&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; &lt;span class="c1"&gt;// The new count&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;That's when I realized: we'd accidentally built something that feels less like "Claude's outputs" and more like "Claude is building actual applications."&lt;/p&gt;

&lt;h2&gt;
  
  
  How It Works
&lt;/h2&gt;

&lt;p&gt;For Claude Pro, Max, or Team users, there's an MCP connector. Connect it in your Claude settings once, and then in any conversation:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Ask Claude to build a sim&lt;/li&gt;
&lt;li&gt;Claude generates the HTML&lt;/li&gt;
&lt;li&gt;It deploys automatically&lt;/li&gt;
&lt;li&gt;You get a permanent URL&lt;/li&gt;
&lt;li&gt;Share it anywhere&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;You can update it, redesign it, add state, add persistence — all by talking to Claude. "Make the background darker." "Add a form to collect emails." "Include a leaderboard that tracks entries over time."&lt;/p&gt;

&lt;h2&gt;
  
  
  What We Learned About Building With AI as a Partner
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;First:&lt;/strong&gt; The architecture questions matter more than the implementation. Claude is great at implementation. But the real value came from genuine conversations about how state should work, how devices should be managed, how the discovery directory should surface interesting sims.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Second:&lt;/strong&gt; Naming matters more than I thought. We spent time with Claude exploring what this actually &lt;em&gt;is&lt;/em&gt;. Not a "dashboard builder." A sim. A living, interactive thing. That naming cascaded into every design decision.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Third:&lt;/strong&gt; Your collaborators will push you. Having Claude in the conversation meant someone was always asking "what about this edge case?" or "could we make this simpler?"&lt;/p&gt;

&lt;h2&gt;
  
  
  The Invitation
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Is it free?&lt;/strong&gt; Yes. During beta, completely free.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Where do I start?&lt;/strong&gt; Go to &lt;a href="https://simsense.ai" rel="noopener noreferrer"&gt;simsense.ai&lt;/a&gt;. If you're a Claude Pro, Max, or Team user, connect the MCP in Claude settings. Then ask Claude to build you a sim.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Can I put this on real hardware?&lt;/strong&gt; Yes. Open the URL on any screen — desktop monitor, iPad, TV, Raspberry Pi. It just works.&lt;/p&gt;

&lt;p&gt;Build a sim. Share the URL. Tell me what you made. I'm genuinely curious — send the link, describe what it does, and if you put it on real hardware, send a photo.&lt;/p&gt;

&lt;p&gt;I'm &lt;a href="https://x.com/daneatkinson" rel="noopener noreferrer"&gt;@daneatkinson&lt;/a&gt; on X, or find us on Discord at simsense.ai.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Tags: ai, claude, mcp, webdev, buildinpublic&lt;/em&gt;&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
