ai-sdk-tools

ai-sdk-tools

A collection of essential utilities for AI development. State management, debugging tools, and artifact handling - everything you need to build production-ready AI applications.

Stars: 435

Visit
 screenshot

The ai-sdk-tools repository contains a collection of tools and utilities for developing and deploying AI models. It includes modules for data preprocessing, model training, evaluation, and deployment. The tools are designed to streamline the AI development process and improve efficiency. With a focus on usability and performance, this toolkit aims to support developers in building robust and scalable AI applications.

README:

AI SDK Tools

AI SDK Tools

Essential utilities that extend and improve the Vercel AI SDK experience. State management, debugging tools, and structured artifact streaming - everything you need to build production-ready AI applications beyond simple chat interfaces.

Packages

AI chat state that scales with your application. Eliminates prop drilling within your chat components, ensuring better performance and cleaner architecture.

npm i @ai-sdk-tools/store

Development tools for debugging AI applications. A development-only debugging tool that integrates directly into your codebase, just like react-query-devtools.

npm i @ai-sdk-tools/devtools

Advanced streaming interfaces for AI applications. Create structured, type-safe artifacts that stream real-time updates from AI tools to React components. Perfect for dashboards, analytics, documents, and interactive experiences beyond chat.

npm i @ai-sdk-tools/artifacts @ai-sdk-tools/store

Quick Example

Build advanced AI interfaces with structured streaming:

// Define an artifact
const BurnRate = artifact('burn-rate', z.object({
  title: z.string(),
  data: z.array(z.object({
    month: z.string(),
    burnRate: z.number()
  }))
}));

// Stream from AI tool
const analysis = BurnRate.stream({ title: 'Q4 Analysis' });
await analysis.update({ data: [{ month: '2024-01', burnRate: 50000 }] });
await analysis.complete({ title: 'Q4 Analysis Complete' });

// Consume in React
function Dashboard() {
  const { data, status, progress } = useArtifact(BurnRate);
  
  return (
    <div>
      <h2>{data?.title}</h2>
      {status === 'loading' && <div>Loading... {progress * 100}%</div>}
      {data?.data.map(item => (
        <div key={item.month}>{item.month}: ${item.burnRate}</div>
      ))}
    </div>
  );
}

Getting Started

Visit our website to explore interactive demos and detailed documentation for each package.

Used by

Midday

License

MIT

For Tasks:

Click tags to check more tools for each tasks

For Jobs:

Alternative AI tools for ai-sdk-tools

Similar Open Source Tools

For similar tasks

For similar jobs