Mobile

Mobile handoff

A bundle of design tokens, assets, and specs to build the mobile app with zero design drift.

Mobile handoff generates a versioned package of design tokens (colors, typography, spacing), logos/icons, and specs straight from the website code — so your mobile apps stay on-brand with no manual copy-paste.

Get an API key All surfaces

Setup ~5 min

Tokens shipped as TypeScript and JSON (cvaiTheme.ts / cvaiTheme.json), light and dark mode.

Manifest with a SHA-256 hash per file and a "changes" field to spot updates.

Logos, icons (up to 1024px), and a ready-to-follow app spec.

Best for: Mobile developers building or maintaining a native app that mirrors the web design.

Get started

Follow these steps to get up and running.

Open the handoff page

The whole bundle is public: browse the tokens, assets, and specs before downloading.

https://communityvision.ai/mobile-handoff

Download the bundle

Grab the full ZIP (manifest, tokens, assets, specs).

# Full bundle
curl -L -o cvai-mobile-handoff.zip \
  https://communityvision.ai/mobile-handoff/cvai-mobile-handoff.zip
unzip cvai-mobile-handoff.zip

Check the version & changes

The manifest reports the version, per-file hashes, and what changed since the last build.

curl -s https://communityvision.ai/api/mobile-handoff/manifest.json | jq '.version, .changes'

Wire the tokens into your app

Import cvaiTheme.ts (or cvaiTheme.json), or install the @cvai/design-tokens package, then follow UPDATE_GUIDE.md to stay in sync.

import { cvaiTheme } from './cvaiTheme';

// e.g. React Native
const styles = {
  container: { backgroundColor: cvaiTheme.colors.background },
};

Helpful resources

Open mobile handoff Manifest (JSON)

Other surfaces

CVAI meets you everywhere you work. Explore the other integrations.

Command Line (CLI)

Audit specs and plans in a single command, right from your terminal.

Agents, REST API & MCP

One key for everything: agent apps, the REST API v1, and the native MCP server.

VS Code extension

Audit the spec open in your editor and see findings as inline squiggles.

GitHub Action

Gate pull requests on an audit of the specs and plans they touch.

Slack app

Mention @CVAI in any channel to audit a document, right inside Slack.

Browser (extension & WebMCP)

Audit any page with one click, or let AI browsers call CVAI tools right on the page.

Automation & embeds

Get results via signed webhooks, and embed your reports into any page.

Mobile handoff — frequently asked questions

How do I keep a mobile app on-brand with the CVAI design?

Use the mobile handoff bundle: a versioned package of design tokens (colors, typography, spacing), logos and icons, and an app spec generated straight from the website code. Import cvaiTheme.ts or cvaiTheme.json (or the @cvai/design-tokens package) and follow UPDATE_GUIDE.md to stay in sync.

How do I know when the CVAI design tokens have changed?

The handoff manifest reports the version, a SHA-256 hash per file, and a changes field describing what changed since the last build — fetch /api/mobile-handoff/manifest.json to check.