ClimateIQ - AI Acceleration

This is a submission for the AI Challenge for Cross-Platform Apps - AI Acceleration

What I Built

I built ClimateIQ — a comprehensive climate intelligence platform that demonstrates how AI coding assistants can accelerate the development of complex, production-quality cross-platform applications.

APIs Used:

• 
  Google Gemini AI — Powers climate alerts, crop recommendations, eco-tips, waste scanning


• 
  NASA FIRMS — Real-time fire/thermal anomaly data


• 
  OpenWeather API — Temperature, air quality, precipitation data


• 
  NREL PVWatts — Solar potential calculations


• 
  Planet Labs — Vegetation health (NDVI) data


• 
  Storyblok CMS — Community content, events, learning modules

The Challenge: Build a feature-rich climate app with 15+ tools, 6 real-time data layers, AI integrations, and CMS-powered content — all running on multiple platforms from a single codebase.

The Solution: Leverage AI coding assistants with Uno Platform MCP for contextual, grounded guidance throughout development.

Demo

🔗 GitHub Repository: https://github.com/omkardongre/ClimateIQ-App

🌐 Live WebAssembly Demo: roaring-gumption-b8bf96.netlify.app

AI Development Screenshots

IDE with AI Assistant

Google Antigravity IDE with Gemini AI researching Mapbox integration and recommending Mapsui as the best map solution for Uno Platform

Windsurf IDE with Cascade AI fixing XAML build errors and adding Uno Toolkit to multiple pages simultaneously

Uno Platform MCP in Action

Uno Platform MCP searching documentation for Material Controls Styles and Toolkit UI components

Uno Platform MCP fetching Material Toolkit theme setup guidance while AI updates App.xaml resources

App Screenshots

Home Page - Feature Discovery

Interactive Climate Map - 6 Data Layers

Real-time visualization with NASA FIRMS fire data, air quality, flood risk

AI Climate Alerts - Gemini Powered

Personalized alerts with severity indicators and actionable recommendations

Smart Agriculture Hub - Multi-Agent AI

AI Crop Advisor

Carbon Calculator

Solar Irrigation Calculator

Urban Sustainability Hub

Waste Scanner, Solar Savings Calculator, AI Eco-Advisor, Smart Home Tracker

Waste Scanner

Solar Savings Calculator

AI Eco-Advisor

Community Hub - Storyblok CMS

Environmental events, news, learning modules

Cross-Platform Testing

Linux Desktop (Ubuntu)

ClimateIQ running as a native desktop app on Ubuntu Linux with Skia renderer

WebAssembly (Browser)

Same app running in the browser via WebAssembly, deployed to Netlify

AI Tooling in Action

AI Agents Used

• 
  Windsurf (Cascade/Claude) — Primary AI coding assistant for code generation, debugging, and architecture


• 
  Google Project IDX with Gemini — Additional AI assistance for rapid prototyping

I used AI coding assistants throughout the entire development process. Here's how AI accelerated my workflow:

1. Uno Platform MCP Integration

The Uno Platform MCP Server provided contextual, grounded guidance for:

• XAML layout patterns and best practices


• Cross-platform compatibility considerations


• Material Design integration with Uno Toolkit


• Navigation patterns and state management


• Platform-specific adaptations

Example Interaction:

Me: "How do I create a responsive card layout with shadows?"

MCP: [Provided specific Uno Platform guidance on ThemeShadow,

      Border styling, and responsive Grid layouts]

2. Code Generation Acceleration

Before AI: Manually writing 100+ XAML files, ViewModels, Services, and Models would take weeks.

With AI: The AI assistant generated production-quality code efficiently:

3. Real-Time Problem Solving

Challenge: Emojis not rendering on Linux Skia renderer.

AI Solution: The AI researched the issue, identified the root cause (font fallback limitations), and implemented a comprehensive fix — replacing all emojis with styled text badges across 10+ pages in a single session.

Challenge: Complex multi-step wizard for Solar Savings Calculator.

AI Solution: The AI designed the 4-step wizard architecture, implemented progress tracking, and integrated NREL API calls — all following Uno Platform best practices from MCP guidance.

Challenge: JSON deserialization failing in WebAssembly Release builds.

AI Solution: The AI identified the JsonSerializerIsReflectionDisabled error caused by .NET trimming, and replaced all reflection-based JSON operations with manual JsonDocument parsing across 7 service files.

4. API Integration Patterns

The AI helped integrate 6 different APIs with proper:

• Error handling and fallbacks


• Rate limiting considerations


• Response parsing and mapping


• Caching strategies
  

// Example: AI-generated NASA FIRMS integration

public async Task<IEnumerable<ClimateDataPoint>> GetFireDataAsync(double lat, double lon)

{

    // AI generated this with proper error handling,

    // CSV parsing, and data point mapping

}

5. UI/UX Refinement

The AI helped maintain consistent design patterns:

• Gradient headers on every page


• Card-based layouts with proper spacing


• Accessible color contrasts


• Responsive breakpoints

Key AI Acceleration Metrics

MCP-Grounded Development

The Uno Platform MCP ensured that AI suggestions were:

• ✅ Compatible with Uno Platform's Skia renderer


• ✅ Following MVVM patterns correctly


• ✅ Using proper XAML syntax for cross-platform


• ✅ Leveraging Uno Toolkit components appropriately

Targets

ClimateIQ runs on multiple platforms from a single codebase:

Build Commands

# Desktop (Linux/Windows/macOS)

dotnet run -f net9.0-desktop



# WebAssembly

dotnet run -f net9.0-browserwasm

Development Experience

The AI development experience was transformative:

• 
  AI + MCP = Grounded Intelligence — The Uno Platform MCP kept AI suggestions relevant and accurate


• 
  Iterative Refinement Works — Quick feedback loops with AI accelerated learning


• 
  Complex Apps Are Achievable — What seemed like months of work became weeks


• 
  Cross-Platform Is Real — Write once, run everywhere actually works with Uno Platform

Built with Uno Platform, .NET 9, Google Gemini AI, Windsurf AI Assistant, and a passion for climate action. 🌍