AI Tools

Overview

AI Tools components provide intelligent functionality for your applications, including code generation, content analysis, and automation capabilities.

Installation

npx @hanzo/ui@latest add ai-tools

Available Tools

Code Generation

AI-powered code generation and completion tools.

import { AICodeGenerator } from "@hanzo/ui/ai"

export default function CodePage() {
  return (
    <AICodeGenerator
      language="typescript"
      context="React component"
      onGenerate={(code) => console.log(code)}
    />
  )
}

Content Analysis

Analyze and process text content with AI.

import { AIContentAnalyzer } from "@hanzo/ui/ai"

export default function AnalysisPage() {
  return <AIContentAnalyzer onAnalyze={(result) => console.log(result)} />
}

Smart Search

AI-enhanced search with semantic understanding.

import { AISearch } from "@hanzo/ui/ai"

export default function SearchPage() {
  return (
    <AISearch
      placeholder="Ask anything..."
      onSearch={(query) => console.log(query)}
    />
  )
}

Features

• Code Generation: Generate code from natural language
• Content Analysis: Sentiment, keywords, summarization
• Smart Search: Semantic search with AI
• Auto-completion: Intelligent suggestions
• Translation: Multi-language support
• Classification: Content categorization

Integration

AI Tools integrate with popular AI providers:

• OpenAI (GPT-4, GPT-3.5)
• Anthropic (Claude)
• Google (Gemini)
• Local models (Ollama)

API Reference

See individual component pages for detailed API documentation:

• AI Chat
• AI Playground

Examples

For complete examples, see the AI Examples section.