Back to Valdi

Valdi Open Source - Cursor Rules

ai-skills/skills/valdi-overview/skill.md

latest2.1 KB
Original Source

Valdi Open Source - Cursor Rules

⚠️ Open Source Project

This is an open source project. Never commit secrets, API keys, or proprietary information.

🚨 CRITICAL: This is NOT React!

Valdi uses TSX/JSX syntax but is fundamentally different from React.

Common AI mistakes:

  • ❌ Suggesting useState, useEffect, useContext (don't exist!)
  • ❌ Functional components (don't exist!)
  • this.props (should be this.viewModel)
  • markNeedsRender(), onMount(), onUpdate() (wrong names/don't exist!)

Correct Valdi:

  • class MyComponent extends StatefulComponent
  • state = {} + this.setState()
  • this.viewModel for props
  • onCreate(), onViewModelUpdate(), onDestroy() lifecycle

📦 AI Skills

Install Valdi skills for your AI tool to get context-specific guidance:

bash
npm install -g @snap/valdi
valdi skills install

Skills available (valdi skills list):

SkillCoverage
valdi-tsxTSX component patterns, lifecycle, styling
valdi-setupModule BUILD.bazel, tsconfig, hot reload
valdi-asyncCancelablePromise, HTTPClient, lifecycle safety
valdi-perfViewModel stability, createReusableCallback, Style interning
valdi-component-testselementKeyFind, tapNodeWithKey, discriminated unions
valdi-iosSwift/ObjC platform bridging
valdi-androidKotlin platform bridging
valdi-bazelBuild rules, platform builds
valdi-compilerCompiler pipeline internals
valdi-cpp-runtimeC++ runtime and renderer
valdi-polyglot-moduleCross-platform polyglot APIs, web polyglot entry pattern
valdi-custom-viewNative view integration, viewFactory

Quick Commands

bash
bazel build //...          # Build everything
bazel test //...           # Run all tests
valdi install ios          # Build & install iOS app
valdi hotreload            # Start hot reload

More Information