agentskit.js
Packages

@agentskit/svelte

Svelte 5 chat store. Same contract as @agentskit/react.

#Install

npm install @agentskit/svelte svelte @agentskit/adapters

#Hello world

<script lang="ts">
import { createChatStore } from '@agentskit/svelte'
import { anthropic } from '@agentskit/adapters'

const chat = createChatStore({ adapter: anthropic({ apiKey, model: 'claude-sonnet-4-6' }) })
</script>

{#each $chat.messages as m (m.id)}
  <p>{m.content}</p>
{/each}
<form on:submit|preventDefault={() => chat.send($chat.input)}>
  <input bind:value={$chat.input} />
</form>

#Surface

  • createChatStore(config): SvelteChatStore — Readable<ChatState> + action methods + destroy().

#Siblings

React · Vue · Solid · React Native · Angular · Ink

#Stability

  • Version: 0.2.0
  • Tier: alpha
  • Contract: evolving
  • Roadmap: see packages roadmap for what this package needs to reach v1.0.

#Source

npm: @agentskit/svelte · repo: packages/svelte

Explore nearby

✎ Edit this page on GitHub·Found a problem? Open an issue →·How to contribute →
Edit on GitHub

@agentskit/vue

Vue 3 composable + ChatContainer component. Same contract as @agentskit/react.

@agentskit/solid

Solid hook. Same contract as @agentskit/react.

On this page

InstallHello worldSurfaceSiblingsStabilityRelatedSource