building-data-apps
Framework for building data dashboards and interactive reports linked to GCP data sources.
Install
mkdir -p .claude/skills/building-data-apps && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/15974" && unzip -o skill.zip -d .claude/skills/building-data-apps && rm skill.zipInstalls to .claude/skills/building-data-apps
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Build modern data apps, dashboards, and interactive reports using either React + Vite or Streamlit. Includes optional Gemini Data Analytics chat integration for an AI powered "chat with your data" experience. Relevant when any of the following conditions are true: 1. User explicitly requests to build a data dashboard, data application, or visualization UI, and the UI pulls data from a GCP database (defaulting to BigQuery unless otherwise specified). 2. You need to generate a frontend web application to interact with, query, and visualize data from GCP data sources. 3. User wants to build a "chat with your data" experience or integrate the Gemini Data Analytics chat API into a web interface. Do NOT use when any of the following conditions are true: 1. The request is for building backend-only services. 2. The request is for simple CLI scripts or command-line applications. 3. The web application is not data-centric or does not involve visualizing/querying data from GCP sources.Key capabilities
- →Build data apps, dashboards, and interactive reports
- →Select between React + Vite or Streamlit frameworks
- →Integrate Gemini Data Analytics chat for AI-powered data interaction
- →Propose an implementation plan with framework justification
- →Follow shared design standards for visual style and typography
- →Verify frontend application functionality visually
How it works
This skill guides the building of data applications by selecting an appropriate framework (React + Vite or Streamlit) based on user needs, applying shared design standards, and optionally integrating a Gemini-powered chat interface.
Inputs & outputs
When to use building-data-apps
- →Build data dashboard
- →Create interactive reports
- →Integrate AI data chat
- →Visualize database queries
About building-data-apps
Provides architectural patterns to build data-centric applications. Supports selecting between React + Vite or Streamlit based on data complexity and maintenance needs.
|
When not to use it
- →When building backend-only services
- →When creating simple CLI scripts or command-line applications
- →When the web application is not data-centric or does not involve GCP data sources
Limitations
- →Requires data to be pulled from a GCP database (defaulting to BigQuery)
- →Framework selection is based on user profile, logic complexity, and customization needs
- →Chat interface integration requires explicit user approval
How it compares
This skill provides a structured approach to building data applications with explicit framework selection criteria and optional AI chat integration, which differs from ad-hoc web development.
Compared to similar skills
building-data-apps side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| building-data-apps (this skill) | 0 | 1mo | No flags | Advanced |
| streamlit | 86 | 9mo | No flags | Intermediate |
| csv-data-summarizer | 15 | 10mo | Review | Beginner |
| umap-learn | 6 | 2mo | Review | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by ironkid90
View all by ironkid90 →You might also like
streamlit
sverzijl
When working with Streamlit web apps, data dashboards, ML/AI app UIs, interactive Python visualizations, or building data science applications with Python
csv-data-summarizer
coffeefuelbump
Analyzes CSV files, generates summary stats, and plots quick visualizations using Python and pandas.
umap-learn
K-Dense-AI
UMAP dimensionality reduction. Fast nonlinear manifold learning for 2D/3D visualization, clustering preprocessing (HDBSCAN), supervised/parametric UMAP, for high-dimensional data.
data-visualization
anthropics
Create effective data visualizations with Python (matplotlib, seaborn, plotly). Use when building charts, choosing the right chart type for a dataset, creating publication-quality figures, or applying design principles like accessibility and color theory.
seaborn
davila7
Statistical visualization. Scatter, box, violin, heatmaps, pair plots, regression, correlation matrices, KDE, faceted plots, for exploratory analysis and publication figures.
debugging-streamlit
streamlit
Debug Streamlit frontend and backend changes using make debug with hot-reload. Use when testing code changes, investigating bugs, checking UI behavior, or needing screenshots of the running app.