@agentskit/solid

Profile: concise-package

SolidJS hook + headless chat components. Same ChatReturn contract every AgentsKit framework binding ships — swap frameworks without changing your agent.

Tags: ai · agents · llm · agentskit · solid · solidjs · signals · chat · streaming

Verified proof

• Package metadata and tests live under packages/solid/.
• Package guide: https://www.agentskit.io/docs/reference/packages/solid
• Stability map: docs/STABILITY.md

How this fits the ecosystem

@agentskit/solid brings the shared AgentsKit chat contract to Solid with streaming, tools, memory, and headless UI primitives.

• AgentsKit: compose it with the other packages in this repo to build agents from small, swappable parts.
• Registry: look for ready agents and templates that already use this layer at registry.agentskit.io.
• Playbook: learn the production patterns behind this layer at playbook.agentskit.io.
• AKOS: run the same concepts with enterprise deployment, governance, and observability at akos.agentskit.io.

Docs: package guide · agent handoff

Why

• One contract, every framework — useChat returns the exact same shape as the React / Vue / Svelte / Angular / RN / Ink bindings.
• Fine-grained reactivity — values surface as Solid accessors; no diff, no rerender overhead.
• Headless by default — components emit data-ak-* attributes; style however you want.
• Streaming, tools, HITL — all core features work identically to @agentskit/react.

Install

npm install @agentskit/solid @agentskit/adapters

Peers: solid-js ^1.8.

Quick example

import { useChat, ChatContainer, Message, InputBar } from '@agentskit/solid'
import { For } from 'solid-js'
import { anthropic } from '@agentskit/adapters'

export function App() {
  const chat = useChat({
    adapter: anthropic({ apiKey: import.meta.env.VITE_ANTHROPIC_API_KEY, model: 'claude-sonnet-4-6' }),
  })

  return (
    <ChatContainer>
      <For each={chat.messages}>{(m) => <Message message={m} />}</For>
      <InputBar chat={chat} />
    </ChatContainer>
  )
}

State surfaces through a reactive proxy — read chat.messages / chat.input directly inside JSX.

API

• useChat(config) — hook returning ChatReturn via a reactive proxy: messages, status, input + actions send(text), setInput(v), stop, retry, clear, approve, deny, edit, regenerate. Owner dispose unsubscribes and stops in-flight work.
• Headless components — emit data-ak-* attributes only, no styling. Full parity with @agentskit/react:
  • ChatContainer — scroll wrapper, auto-scrolls on new content.
  • Message — renders a message; optional avatar / actions slots.
  • InputBar — textarea + Send; Enter submits, Shift+Enter newlines; blocks submit/Enter while empty/streaming.
  • Markdown — content surface with a streaming flag.
  • CodeBlock — code + language, optional copyable copy button.
  • ToolCallView — collapsible tool-call view (name → args/result) with aria-expanded on the toggle.
  • ThinkingIndicator — shown while visible, with a label.
  • ToolConfirmation — HITL approve/deny, renders only when status === 'requires_confirmation'.

Ecosystem

| Package | Role | |---------|------| | @agentskit/core | ChatReturn contract | | @agentskit/adapters | LLM providers | | @agentskit/tools | Built-in + integration tools | | @agentskit/memory | Chat + vector backends | | @agentskit/react · vue · svelte · react-native · angular · ink | Same contract, different host |

Contributors

License

MIT — see LICENSE.

Docs

Full documentation · GitHub

Maturity and compatibility

• Stability: beta — see docs/STABILITY.md
• Node.js 20+ and TypeScript strict mode
• Published as @agentskit/solid

Contributing

See CONTRIBUTING.md and the monorepo LICENSE.