valdi

Guide building and debugging cross-platform Valdi projects with TypeScript and Bazel.

2|Updated Jan 11, 2026

Search Tags:#typescript #cross-platform #bazel #tsx #component-development #valdi #native-bindings

Ready to run

npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill valdi

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: valdi
Source: https://github.com/jarrodmedrano/jarrod-claude-skills/tree/main/.claude/skills/valdi
Command: npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill valdi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides specialized guidance for Valdi framework projects, helping teams build cross-platform UI components efficiently with Bazel, native bindings, and TSX patterns.

Core Features & Use Cases

Bazel-driven setup & project structure: guidance to bootstrap and configure Valdi apps with Bazel for iOS, Android, and macOS.
Type-safe bindings: patterns for C++, Swift, and Kotlin integrations using Djinni and shared interfaces.
Cross-platform TSX components: best practices for Valdi native TSX elements and component architecture.
Debugging & environment setup: step-by-step workflows to diagnose render and build issues across platforms.

Quick Start

Activate the valdi skill in Claude Code, then respond to prompts to bootstrap a new Valdi project or integrate this skill into an existing app.

Frequently Asked Questions about valdi

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

FAQPage Schema

How do I configure Bazel for cross-platform UI development across iOS, Android, and macOS?▼

Configuring Bazel for cross-platform UI development requires setting up the project structure to target iOS, Android, and macOS using TypeScript. This skill provides specific Bazel configuration patterns to bootstrap and build Valdi apps efficiently.

What are native bindings patterns for type-safe C++, Swift, and Kotlin integrations?▼

Type-safe native bindings patterns for C++, Swift, and Kotlin integrations rely on using Djinni and shared interfaces. This approach enables cross-platform UI components to communicate with native modules while maintaining strict type safety across iOS, Android, and macOS.

Do I need external dependencies to build Valdi projects with TypeScript and Bazel?▼

You do not need external dependencies beyond standard Valdi tooling to build cross-platform projects. However, you must have familiarity with TypeScript, Bazel, and native bindings tooling to effectively use the TSX component patterns.

How do I debug render and build issues in cross-platform Valdi applications?▼

Debugging render and build issues in cross-platform Valdi applications involves following step-by-step workflows to diagnose environment setup problems. The skill guides developers through identifying configuration errors across iOS, Android, and macOS platforms.

What is the best way to structure cross-platform TSX components for native iOS, Android, and macOS apps?▼

The best way to structure cross-platform TSX components is by following Valdi native TSX element best practices and component architecture. This ensures type-safe bindings and efficient UI rendering across iOS, Android, and macOS platforms.