skills.rest
gemini-cli-extensions
gemini-cli-extensionsOFFICIAL
Explore all skills by this author →
GitHub

building-data-apps

Build data dashboards and interactive apps for Google Cloud data sources.

161|37|Updated Apr 2, 2026
Search Tags:#frontend#react#dashboard#data-analytics#streamlit#bigquery
One-click install
npx skills add https://github.com/gemini-cli-extensions/data-agent-kit-starter-pack --skill building-data-apps
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: building-data-apps
Source: https://github.com/gemini-cli-extensions/data-agent-kit-starter-pack/tree/main/skills/building-data-apps
Command: npx skills add https://github.com/gemini-cli-extensions/data-agent-kit-starter-pack --skill building-data-apps

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Building modern data apps and dashboards can be time-consuming when you have to choose frameworks, align data sources, and enforce consistent design.

Core Features & Use Cases

  • Framework selection between React + Vite or Streamlit to suit web UI and data workflow needs.
  • Data visualization and dashboarding across Google Cloud data sources (BigQuery, BigLake, Spanner, Dataproc).
  • Optional Gemini Data Analytics chat integration to enable natural language queries against data.

Quick Start

Create a React + Vite or Streamlit data app connected to BigQuery to render a dynamic dashboard.

Frequently Asked Questions about building-data-apps

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a data dashboard connected to BigQuery?▼

Building a BigQuery dashboard involves selecting React + Vite or Streamlit, then structuring frontend components and assets to visualize data. This Skill provides a reusable plan to streamline that process.

What is the best way to create a data app using React and Vite for Google Cloud?▼

The best way to create a React and Vite data app is using a reusable plan to structure frontend code and apply design system guidelines. This Skill connects web UIs to BigQuery, BigLake, and Spanner.

Can I use Streamlit to visualize data from BigLake and Dataproc?▼

Yes, Streamlit is supported for visualizing data from BigLake and Dataproc. You can build interactive data apps and dashboards that query across these Google Cloud data sources using the Streamlit framework.

Does this approach support adding a natural language chatbot interface to query data?▼

Yes, it supports optional Gemini Data Analytics chat integration to enable natural language queries against data. You can add a chatbot interface to your data app for interactive querying.

How do I choose between React and Streamlit for my data visualization app?▼

Choose React + Vite for complex web UI needs or Streamlit for data workflow needs. This Skill helps you select the right framework and structuring plan for your specific visualization app requirements.

Related Skills

Explore More Data & Analytics Skills→
ironkid90ironkid90

gcp-spark

Automates Spark code execution on Google Cloud Dataproc with BigLake, BigQuery, and Spanner.

Community
Advanced
nesihaver-ILnesihaver-IL

analytics-metrics

Build interactive analytics dashboards and charts in React with Recharts.

Community
Intermediate
uw-ssecuw-ssec
25

lumen-ai

Translate natural language data questions into executable SQL queries, visualizations, and insights.

Official
Advanced
seanyofthedeadseanyofthedead

building-streamlit-dashboards

Automate Streamlit dashboard creation with KPI displays and data visualization.

Community
Intermediate