<?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>Forem: Peter Pagano@SpeckOs</title>
    <description>The latest articles on Forem by Peter Pagano@SpeckOs (@peter_paganospeckos_b6ad).</description>
    <link>https://forem.com/peter_paganospeckos_b6ad</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%2F3663668%2F13047e2b-532a-4475-9c72-22c7dce26795.png</url>
      <title>Forem: Peter Pagano@SpeckOs</title>
      <link>https://forem.com/peter_paganospeckos_b6ad</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/peter_paganospeckos_b6ad"/>
    <language>en</language>
    <item>
      <title>Speck.js: AI Agents with Persistent Memory in One Line of Code</title>
      <dc:creator>Peter Pagano@SpeckOs</dc:creator>
      <pubDate>Mon, 15 Dec 2025 21:12:38 +0000</pubDate>
      <link>https://forem.com/peter_paganospeckos_b6ad/speckjs-ai-agents-with-persistent-memory-in-one-line-of-code-4a1p</link>
      <guid>https://forem.com/peter_paganospeckos_b6ad/speckjs-ai-agents-with-persistent-memory-in-one-line-of-code-4a1p</guid>
      <description>&lt;p&gt;Adding AI to web apps typically requires 50+ lines of boilerplate. State for messages, loading states, error handling, API calls, stream management, history tracking — the list goes on.&lt;/p&gt;

&lt;p&gt;Speck.js eliminates all of that.&lt;/p&gt;

&lt;h2&gt;
  
  
  One Line. Full AI Chat.
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;Agent.Chat&lt;/span&gt; &lt;span class="na"&gt;purpose=&lt;/span&gt;&lt;span class="s"&gt;"You are a helpful assistant"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;That's a complete chat interface with streaming responses, conversation history, and error handling. No state management. No useEffect. No boilerplate.&lt;/p&gt;

&lt;h2&gt;
  
  
  Persistent Memory — A Framework First
&lt;/h2&gt;

&lt;p&gt;Speck.js v0.4.1 introduces something no other framework offers: built-in persistent memory.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;Agent.Chat&lt;/span&gt; 
  &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;"support-bot"&lt;/span&gt;
  &lt;span class="na"&gt;purpose=&lt;/span&gt;&lt;span class="s"&gt;"You are a helpful assistant"&lt;/span&gt;
  &lt;span class="na"&gt;memory=&lt;/span&gt;&lt;span class="s"&gt;{true}&lt;/span&gt;
&lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;With &lt;code&gt;memory={true}&lt;/code&gt;, agents remember conversations across browser sessions. Page refreshes, browser restarts, even system reboots — the memory persists. No external database configuration required.&lt;/p&gt;

&lt;h3&gt;
  
  
  How Memory Works
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Session IDs stored in localStorage&lt;/li&gt;
&lt;li&gt;Conversations saved to local SQLite via libSQL&lt;/li&gt;
&lt;li&gt;Last 100 interactions automatically loaded into context&lt;/li&gt;
&lt;li&gt;Each agent maintains isolated memory via the &lt;code&gt;id&lt;/code&gt; prop&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Zero Imports
&lt;/h2&gt;

&lt;p&gt;Speck.js components auto-discover each other:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;App&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;Header&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;ChatBot&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;Footer&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/App&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;No import statements. The compiler resolves dependencies automatically.&lt;/p&gt;

&lt;h2&gt;
  
  
  Getting Started
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm create speck-app@latest my-app
&lt;span class="nb"&gt;cd &lt;/span&gt;my-app
npm run dev
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Add an Anthropic API key to &lt;code&gt;.env&lt;/code&gt; and start building AI-native applications immediately.&lt;/p&gt;

&lt;h2&gt;
  
  
  Developer Tools
&lt;/h2&gt;

&lt;p&gt;Speck.js includes full tooling support:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;🧩 &lt;strong&gt;VS Code Extension&lt;/strong&gt; — Syntax highlighting and IntelliSense for &lt;code&gt;.speck&lt;/code&gt; files&lt;/li&gt;
&lt;li&gt;⚡ &lt;strong&gt;Hot Reload&lt;/strong&gt; — Instant compilation on save&lt;/li&gt;
&lt;li&gt;🛠️ &lt;strong&gt;Built-in Dev Server&lt;/strong&gt; — API proxy included for seamless Claude integration&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;🌐 &lt;strong&gt;Website:&lt;/strong&gt; &lt;a href="https://speckjs.dev" rel="noopener noreferrer"&gt;speckjs.dev&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;strong&gt;npm:&lt;/strong&gt; &lt;a href="https://www.npmjs.com/package/create-speck-app" rel="noopener noreferrer"&gt;create-speck-app&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📖 &lt;strong&gt;Documentation:&lt;/strong&gt; &lt;a href="https://speckjs.dev/docs.html" rel="noopener noreferrer"&gt;speckjs.dev/docs.html&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  On the Roadmap
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Semantic memory recall via vector search&lt;/li&gt;
&lt;li&gt;Multi-agent coordination&lt;/li&gt;
&lt;li&gt;Additional agent types beyond chat&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;Feedback welcome. What features would be most valuable?&lt;a href="https://dev.tourl"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>ai</category>
      <category>opensource</category>
    </item>
  </channel>
</rss>
