Temukan dan bangun solusi AI untuk situs dan aplikasi web Anda.
Temukan API berbasis tugas yang dibuat di browser yang melakukan tugas AI dengan model lokal.
Buat alat WebMCP agar situs dapat mendukung tindakan yang andal oleh agen AI.
Meningkatkan performa komputasi dan model dengan Wasm, WebGPU, dan WebNN.
KURSUS

Evaluasi (atau eval) adalah pengujian untuk fitur AI Anda. Saat Anda membuat pipeline evaluasi yang andal, fitur berbasis LLM akan berfungsi dengan baik untuk pengguna Anda. Kemudian, Anda dapat mengirimkan fitur dengan percaya diri.

Dalam kursus ini, Anda akan mempelajari pola LLM sebagai juri untuk mengukur kualitas subjektif, membuat juri dengan penyiapan minimal, dan menemukan teknik lanjutan untuk mengembangkan juri kustom yang berpikir seperti pakar domain teratas. Anda akan menjalankan evaluasi pada waktu build dan dalam produksi sehingga Anda dapat mendeteksi regresi sejak dini.

Mulai pelajari

Melakukan inferensi secara lokal, di browser

Membangun fitur yang didukung AI di web, termasuk model dasar dan model pakar, yang terintegrasi dalam browser
Temukan AI bawaan
Pelajari persyaratan untuk mulai mem-build fitur dan aplikasi dengan AI bawaan.
Tinjau API dan status ketersediaannya untuk digunakan dengan AI bawaan di Chrome.
Gunakan polyfill API tugas AI bawaan untuk membangun fitur AI, tanpa mengkhawatirkan dukungan browser.
Pelajari praktik terbaik untuk membangun dengan AI bawaan di Chrome.
Pelajari cara menyimpan model dalam cache di browser untuk inferensi yang lebih cepat.
Sebelum API dapat digunakan, model yang mendasarinya harus didownload. Selalu beri tahu pengguna tentang waktu yang diperlukan untuk melakukan download ini.

Panggilan agen yang andal dengan WebMCP

WebMCP bertujuan untuk menyediakan cara standar dalam mengekspos alat terstruktur, sehingga agen AI dapat melakukan tindakan di situs Anda dengan kecepatan, keandalan, dan presisi yang lebih tinggi.
Mulai
Langkah 1

Situs Anda mendeklarasikan tindakan yang dapat dilakukan agen, sebagai alat WebMCP. Setiap alat memiliki nama, deskripsi, dan skema JSON.

// Imperative API
document.modelContext.registerTool({
  name: "bookSlot",
  title: "Book a consultation slot",
  description: "Reserve a 30-minute consultation.",
  inputSchema: {
    type: "object",
    properties: {
      date:  { type: "string", format: "date" },
      time:  { type: "string" },
      name:  { type: "string" },
      email: { type: "string", format: "email" }
    },
    required: ["date", "time", "name", "email"]
  },
  annotations: { readOnlyHint: false },
  execute: async (input, client) => {
    return await api.book(input);
  }
});
Langkah 2

Browser mengumpulkan dan menyajikan alat ini ke agen yang kompatibel dengan WebMCP pengguna, bersama dengan URL, judul, dan cakupan izin origin halaman.

Situs Anda berkomunikasi dengan browser, yang menerjemahkan untuk agen.
Langkah 3

Agen melihat kontrak, memberikan argumen terstruktur, dan kode Anda melakukan sisanya. Pengguna akan terus mendapatkan informasi terkait izin dan konfirmasi. Selalu tahu siapa yang datang.

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}
Kapan menggunakan WebMCP Membangun alat yang efektif

Meningkatkan performa komputasi dan model

Pelajari lebih lanjut

Pelajari peningkatan kualitas WebAssembly untuk tugas yang umum digunakan dalam inferensi AI.

Baca dokumen Status Chrome

Temukan WebGPU di Chrome dan dapatkan dukungan kelas satu untuk komputasi umum di GPU.

Baca ringkasannya Status Chrome

Gunakan WebNN API untuk melakukan operasi machine learning di browser.

Baca spesifikasinya Status Chrome
KURSUS

Baik didorong oleh mandat perusahaan maupun antusiasme, AI untuk AI tidak berguna. Fitur terbaik berasal dari kebutuhan pengguna dan diukur berdasarkan nilai yang diberikannya.

Dalam kursus ini, Anda akan mempelajari cara berpikir tentang membangun aplikasi web dengan sistem AI yang bertanggung jawab, dapat digunakan, dan bernilai, sehingga aplikasi Anda memenuhi janji teknologi.

Mulai pelajari

Bantuan coding

Download keterampilan untuk agen coding AI Anda guna memandu generasi menuju pengalaman modern dan berperforma tinggi.
Mulai percakapan dengan Gemini di DevTools. Percakapan yang Anda mulai dari panel ini memiliki konteks tentang detail teknis halaman yang Anda periksa.
Gunakan Konsol untuk melihat dan men-debug hasil AI di perangkat.

Berkenalan dengan Anggota Tim

Tim Developer Relations Chrome dan PM AI bawaan siap berdiskusi tentang web dan AI, mulai dari AI bawaan hingga WebMCP. Kami memiliki anggota di Asia, Eropa, dan Amerika

Kenali tim

Berita tentang AI dan Gemini Nano

Memperkenalkan AI web

web.dev
Memahami dasar-dasar dan definisi berbagai teknologi baru, yang sering disebut sebagai AI.
Baca dokumen
web.dev
Sebagai praktisi web, kita harus membuat teknologi baru dengan penuh pertimbangan dan penuh tanggung jawab.
Baca dokumen
web.dev
Temukan teknik untuk menggunakan AI sisi klien, yang menawarkan manfaat seperti latensi rendah, pengurangan biaya sisi server, peningkatan privasi pengguna, dan lainnya.
Baca dokumen