diff --git a/ai-platform/snippets/gemma2PredictGpu.js b/ai-platform/snippets/gemma2PredictGpu.js
new file mode 100644
index 0000000000..47fce36788
--- /dev/null
+++ b/ai-platform/snippets/gemma2PredictGpu.js
@@ -0,0 +1,75 @@
+// Copyright 2024 Google LLC
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     https://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+'use strict';
+
+async function gemma2PredictGpu(predictionServiceClient) {
+  // [START generativeaionvertexai_gemma2_predict_gpu]
+  // Imports the Google Cloud Prediction Service Client library
+  const {
+    // TODO(developer): Uncomment PredictionServiceClient before running the sample.
+    // PredictionServiceClient,
+    helpers,
+  } = require('@google-cloud/aiplatform');
+  /**
+   * TODO(developer): Update these variables before running the sample.
+   */
+  const projectId = 'your-project-id';
+  const endpointRegion = 'your-vertex-endpoint-region';
+  const endpointId = 'your-vertex-endpoint-id';
+
+  // Default configuration
+  const config = {maxOutputTokens: 1024, temperature: 0.9, topP: 1.0, topK: 1};
+  // Prompt used in the prediction
+  const prompt = 'Why is the sky blue?';
+
+  // Encapsulate the prompt in a correct format for GPUs
+  // Example format: [{inputs: 'Why is the sky blue?', parameters: {temperature: 0.9}}]
+  const input = {
+    inputs: prompt,
+    parameters: config,
+  };
+
+  // Convert input message to a list of GAPIC instances for model input
+  const instances = [helpers.toValue(input)];
+
+  // TODO(developer): Uncomment apiEndpoint and predictionServiceClient before running the sample.
+  // const apiEndpoint = `${endpointRegion}-aiplatform.googleapis.com`;
+
+  // Create a client
+  // predictionServiceClient = new PredictionServiceClient({apiEndpoint});
+
+  // Call the Gemma2 endpoint
+  const gemma2Endpoint = `projects/${projectId}/locations/${endpointRegion}/endpoints/${endpointId}`;
+
+  const [response] = await predictionServiceClient.predict({
+    endpoint: gemma2Endpoint,
+    instances,
+  });
+
+  const predictions = response.predictions;
+  const text = predictions[0].stringValue;
+
+  console.log('Predictions:', text);
+  // [END generativeaionvertexai_gemma2_predict_gpu]
+  return text;
+}
+
+module.exports = gemma2PredictGpu;
+
+// TODO(developer): Uncomment below lines before running the sample.
+// gemma2PredictGpu(...process.argv.slice(2)).catch(err => {
+//   console.error(err.message);
+//   process.exitCode = 1;
+// });
diff --git a/ai-platform/snippets/gemma2PredictTpu.js b/ai-platform/snippets/gemma2PredictTpu.js
new file mode 100644
index 0000000000..c854e97009
--- /dev/null
+++ b/ai-platform/snippets/gemma2PredictTpu.js
@@ -0,0 +1,77 @@
+// Copyright 2024 Google LLC
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     https://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+'use strict';
+
+async function gemma2PredictTpu(predictionServiceClient) {
+  // [START generativeaionvertexai_gemma2_predict_tpu]
+  // Imports the Google Cloud Prediction Service Client library
+  const {
+    // TODO(developer): Uncomment PredictionServiceClient before running the sample.
+    // PredictionServiceClient,
+    helpers,
+  } = require('@google-cloud/aiplatform');
+  /**
+   * TODO(developer): Update these variables before running the sample.
+   */
+  const projectId = 'your-project-id';
+  const endpointRegion = 'your-vertex-endpoint-region';
+  const endpointId = 'your-vertex-endpoint-id';
+
+  // Prompt used in the prediction
+  const prompt = 'Why is the sky blue?';
+
+  // Encapsulate the prompt in a correct format for TPUs
+  // Example format: [{prompt: 'Why is the sky blue?', temperature: 0.9}]
+  const input = {
+    prompt,
+    // Parameters for default configuration
+    maxOutputTokens: 1024,
+    temperature: 0.9,
+    topP: 1.0,
+    topK: 1,
+  };
+
+  // Convert input message to a list of GAPIC instances for model input
+  const instances = [helpers.toValue(input)];
+
+  // TODO(developer): Uncomment apiEndpoint and predictionServiceClient before running the sample.
+  // const apiEndpoint = `${endpointRegion}-aiplatform.googleapis.com`;
+
+  // Create a client
+  // predictionServiceClient = new PredictionServiceClient({apiEndpoint});
+
+  // Call the Gemma2 endpoint
+  const gemma2Endpoint = `projects/${projectId}/locations/${endpointRegion}/endpoints/${endpointId}`;
+
+  const [response] = await predictionServiceClient.predict({
+    endpoint: gemma2Endpoint,
+    instances,
+  });
+
+  const predictions = response.predictions;
+  const text = predictions[0].stringValue;
+
+  console.log('Predictions:', text);
+  // [END generativeaionvertexai_gemma2_predict_tpu]
+  return text;
+}
+
+module.exports = gemma2PredictTpu;
+
+// TODO(developer): Uncomment below lines before running the sample.
+// gemma2PredictTpu(...process.argv.slice(2)).catch(err => {
+//   console.error(err.message);
+//   process.exitCode = 1;
+// });
diff --git a/ai-platform/snippets/test/gemma2Prediction.test.js b/ai-platform/snippets/test/gemma2Prediction.test.js
new file mode 100644
index 0000000000..16b18d8f59
--- /dev/null
+++ b/ai-platform/snippets/test/gemma2Prediction.test.js
@@ -0,0 +1,135 @@
+/*
+ * Copyright 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+'use strict';
+
+const {expect} = require('chai');
+const {afterEach, describe, it} = require('mocha');
+const sinon = require('sinon');
+const gemma2PredictGpu = require('../gemma2PredictGpu.js');
+const gemma2PredictTpu = require('../gemma2PredictTpu.js');
+
+const gpuResponse = `The sky appears blue due to a phenomenon called **Rayleigh scattering**.
+**Here's how it works:**
+1. **Sunlight:** Sunlight is composed of all the colors of the rainbow.
+2. **Earth's Atmosphere:** When sunlight enters the Earth's atmosphere, it collides with tiny particles like nitrogen and oxygen molecules.
+3. **Scattering:** These particles scatter the sunlight in all directions. However, blue light (which has a shorter wavelength) is scattered more effectively than other colors.
+4. **Our Perception:** As a result, we see a blue sky because the scattered blue light reaches our eyes from all directions.
+**Why not other colors?**
+* **Violet light** has an even shorter wavelength than blue and is scattered even more. However, our eyes are less sensitive to violet light, so we perceive the sky as blue.
+* **Longer wavelengths** like red, orange, and yellow are scattered less and travel more directly through the atmosphere. This is why we see these colors during sunrise and sunset, when sunlight has to travel through more of the atmosphere.
+`;
+
+const tpuResponse =
+  'The sky appears blue due to a phenomenon called **Rayleigh scattering**.';
+
+describe('Gemma2 predictions', async () => {
+  const gemma2Endpoint =
+    'projects/your-project-id/locations/your-vertex-endpoint-region/endpoints/your-vertex-endpoint-id';
+  const configValues = {
+    maxOutputTokens: {kind: 'numberValue', numberValue: 1024},
+    temperature: {kind: 'numberValue', numberValue: 0.9},
+    topP: {kind: 'numberValue', numberValue: 1},
+    topK: {kind: 'numberValue', numberValue: 1},
+  };
+  const prompt = 'Why is the sky blue?';
+  const predictionServiceClientMock = {
+    predict: sinon.stub().resolves([]),
+  };
+
+  afterEach(() => {
+    sinon.reset();
+  });
+
+  it('should run interference with GPU', async () => {
+    const expectedGpuRequest = {
+      endpoint: gemma2Endpoint,
+      instances: [
+        {
+          kind: 'structValue',
+          structValue: {
+            fields: {
+              inputs: {
+                kind: 'stringValue',
+                stringValue: prompt,
+              },
+              parameters: {
+                kind: 'structValue',
+                structValue: {
+                  fields: configValues,
+                },
+              },
+            },
+          },
+        },
+      ],
+    };
+
+    predictionServiceClientMock.predict.resolves([
+      {
+        predictions: [
+          {
+            stringValue: gpuResponse,
+          },
+        ],
+      },
+    ]);
+
+    const output = await gemma2PredictGpu(predictionServiceClientMock);
+
+    expect(output).include('Rayleigh scattering');
+    expect(predictionServiceClientMock.predict.calledOnce).to.be.true;
+    expect(predictionServiceClientMock.predict.calledWith(expectedGpuRequest))
+      .to.be.true;
+  });
+
+  it('should run interference with TPU', async () => {
+    const expectedTpuRequest = {
+      endpoint: gemma2Endpoint,
+      instances: [
+        {
+          kind: 'structValue',
+          structValue: {
+            fields: {
+              ...configValues,
+              prompt: {
+                kind: 'stringValue',
+                stringValue: prompt,
+              },
+            },
+          },
+        },
+      ],
+    };
+
+    predictionServiceClientMock.predict.resolves([
+      {
+        predictions: [
+          {
+            stringValue: tpuResponse,
+          },
+        ],
+      },
+    ]);
+
+    const output = await gemma2PredictTpu(predictionServiceClientMock);
+
+    expect(output).include('Rayleigh scattering');
+    expect(predictionServiceClientMock.predict.calledOnce).to.be.true;
+    expect(predictionServiceClientMock.predict.calledWith(expectedTpuRequest))
+      .to.be.true;
+  });
+});