> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bytez.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Welcome

> The unified API for 100,000+ AI models

export const tasks = [{
  title: 'Audio Classification',
  href: '/model-api/docs/task/audio-classification',
  icon: 'music-magnifying-glass'
}, {
  title: 'Automatic Speech Recognition',
  href: '/model-api/docs/task/automatic-speech-recognition',
  icon: 'file-music'
}, {
  title: 'Depth Estimation',
  href: '/model-api/docs/task/depth-estimation',
  icon: 'layer-group'
}, {
  title: 'Document Question Answering',
  href: '/model-api/docs/task/document-question-answering',
  icon: 'file-invoice'
}, {
  title: 'Feature Extraction',
  href: '/model-api/docs/task/feature-extraction',
  icon: 'fingerprint'
}, {
  title: 'Fill‑Mask',
  href: '/model-api/docs/task/fill-mask',
  icon: 'mask'
}, {
  title: 'Image Classification',
  href: '/model-api/docs/task/image-classification',
  icon: 'image'
}, {
  title: 'Image Feature Extraction',
  href: '/model-api/docs/task/image-feature-extraction',
  icon: 'vector-square'
}, {
  title: 'Image Segmentation',
  href: '/model-api/docs/task/image-segmentation',
  icon: 'shapes'
}, {
  title: 'Image to Text',
  href: '/model-api/docs/task/image-to-text',
  icon: 'comment-image'
}, {
  title: 'Mask Generation',
  href: '/model-api/docs/task/mask-generation',
  icon: 'draw-polygon'
}, {
  title: 'Object Detection',
  href: '/model-api/docs/task/object-detection',
  icon: 'binoculars'
}, {
  title: 'Question Answering',
  href: '/model-api/docs/task/question-answering',
  icon: 'comments-question'
}, {
  title: 'Sentence Similarity',
  href: '/model-api/docs/task/sentence-similarity',
  icon: 'waves-sine'
}, {
  title: 'Summarization',
  href: '/model-api/docs/task/summarization',
  icon: 'align-justify'
}, {
  title: 'Text Classification',
  href: '/model-api/docs/task/text-classification',
  icon: 'input-text'
}, {
  title: 'Text Generation',
  href: '/model-api/docs/task/text-generation',
  icon: 'message-text'
}, {
  title: 'Text to Speech',
  href: '/model-api/docs/task/text-to-speech',
  icon: 'volume-high'
}, {
  title: 'Text‑to‑Text Generation',
  href: '/model-api/docs/task/text2text-generation',
  icon: 'text-size'
}, {
  title: 'Text to Video',
  href: '/model-api/docs/task/text-to-video',
  icon: 'video'
}, {
  title: 'Token Classification',
  href: '/model-api/docs/task/token-classification',
  icon: 'vector-square'
}, {
  title: 'Translation',
  href: '/model-api/docs/task/translation',
  icon: 'language'
}, {
  title: 'Unconditional Image Generation',
  href: '/model-api/docs/task/unconditional-image-generation',
  icon: 'image'
}, {
  title: 'Video Classification',
  href: '/model-api/docs/task/video-classification',
  icon: 'video'
}, {
  title: 'Visual Question Answering',
  href: '/model-api/docs/task/visual-question-answering',
  icon: 'comments-question-check'
}, {
  title: 'Zero‑Shot Classification',
  href: '/model-api/docs/task/zero-shot-classification',
  icon: 'magnifying-glass'
}, {
  title: 'Zero‑Shot Image Classification',
  href: '/model-api/docs/task/zero-shot-image-classification',
  icon: 'file-image'
}, {
  title: 'Zero‑Shot Object Detection',
  href: '/model-api/docs/task/zero-shot-object-detection',
  icon: 'scanner-image'
}];

export const AskAI = () => {
  const [question, setQuestion] = useState('');
  const basePrompt = 'Search https://docs.bytez.com and answer: ';
  const encodedPrompt = encodeURIComponent(basePrompt + question);
  const links = [{
    name: 'ChatGPT',
    url: `https://chatgpt.com/?q=${encodedPrompt}`
  }, {
    name: 'Claude',
    url: `https://claude.ai/new?q=${encodedPrompt}`
  }, {
    name: 'Perplexity',
    url: `https://www.perplexity.ai/search?q=${encodedPrompt}`
  }];
  const handleKeyDown = e => {
    if (e.key === 'Enter' && question) {
      window.open(`https://chatgpt.com/?q=${encodeURIComponent(basePrompt + question)}`, '_blank');
    }
  };
  return <div style={{
    background: 'rgba(30, 32, 44, 0.6)',
    border: '1px solid rgba(96, 115, 191, 0.3)',
    borderRadius: '12px',
    padding: '24px',
    marginBottom: '24px'
  }}>
      <h3 style={{
    margin: '0 0 8px 0',
    fontSize: '1.25rem',
    color: '#D0BCFF'
  }}>
        Ask AI about Bytez
      </h3>
      <p style={{
    margin: '0 0 16px 0',
    opacity: 0.7,
    fontSize: '0.9rem'
  }}>
        Get instant answers from our docs
      </p>
      <input type="text" placeholder="How do I run a model?" value={question} onChange={e => setQuestion(e.target.value)} onKeyDown={handleKeyDown} style={{
    width: '100%',
    padding: '12px 16px',
    fontSize: '1rem',
    marginTop: 8,
    border: '1px solid rgba(96, 115, 191, 0.3)',
    borderRadius: '8px',
    background: 'rgba(0,0,0,0.3)',
    color: 'inherit',
    marginBottom: '16px',
    boxSizing: 'border-box'
  }} />

      <div style={{
    display: 'flex',
    gap: '12px',
    flexWrap: 'wrap'
  }}>
        {links.map(({name, url}) => <a key={name} title={question ? undefined : 'Ask a question first'} href={question ? url : '#'} target="_blank" rel="noopener noreferrer" onClick={e => !question && e.preventDefault()} style={{
    display: 'inline-flex',
    alignItems: 'center',
    gap: '8px',
    padding: '10px 20px',
    background: question ? '#E8DEF8' : 'rgba(96, 115, 191, 0.3)',
    color: question ? '#332D41' : 'white',
    borderRadius: '8px',
    textDecoration: 'none',
    fontWeight: 500,
    fontSize: '0.9rem',
    opacity: question ? 1 : 0.5,
    cursor: question ? 'pointer' : 'text',
    transition: 'all 0.2s'
  }}>
            {name}
          </a>)}
      </div>
    </div>;
};

<AskAI />

<br />

# What kind of AI are you looking for?

### Popular

<CardGroup cols={3}>
  <Card title="Chat" href="task/chat" icon="comments">
    Multi-modal models
  </Card>

  <Card title="Image Generation" href="task/text-to-image" icon="image">
    Text-to-image models
  </Card>

  <Card title="Embeddings" href="task/feature-extraction" icon="vector-square">
    Turn your data to vectors
  </Card>
</CardGroup>

### Everything

<CardGroup cols={4}>
  {tasks.map((task) => (
      <Card key={task.href} title={task.title} href={task.href} icon={task.icon} />
    ))}
</CardGroup>