validate-step-json

Validate ComposableScreen step JSON against headless SDK Zod schemas.

2|1|Updated Sep 30, 2025
One-click install
npx skills add https://github.com/Rocapine/react-native-onboarding --skill validate-step-json
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: validate-step-json
Source: https://github.com/Rocapine/react-native-onboarding/tree/main/claude-plugin/skills/validate-step-json
Command: npx skills add https://github.com/Rocapine/react-native-onboarding --skill validate-step-json

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @rocapine/react-native-onboarding, and includes scripts (resource) components.

What problem does it solve?

Validates Rocapine ComposableScreen step JSON against the headless SDK Zod schemas, ensuring the payload adheres to the required structure and type constraints for reliable rendering and execution.

Core Features & Use Cases

  • Verifies top-level payload shape, required fields, and unique IDs within payload.elements.
  • Checks that UI elements conform to the ComposableScreen schema, including text, images, and nested containers, and validates multi-step flow integrity (nextStep, branches, and variable references).
  • Provides detailed, actionable error messages that guide debugging when a JSON step is invalid or incomplete, and supports inline JSON, file paths, or clipboard input for validation.

Quick Start

Paste the step JSON you want to validate into the input and invoke the skill to check it against the ComposableScreenStepTypeSchema.

Frequently Asked Questions about validate-step-json

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

FAQPage Schema
How do I validate onboarding step JSON against Zod schemas in TypeScript?

To validate onboarding step JSON against Zod schemas in TypeScript, use this skill to check inline JSON, file paths, or clipboard input against the ComposableScreenStepTypeSchema for required fields and payload structure.

What is JSON schema validation for multi-step onboarding flows?

JSON schema validation for multi-step onboarding flows is the process of checking step payloads for correct type, shape, unique IDs, and chain integrity across nextStep references and branches. This ensures reliable rendering and execution of ComposableScreen UI elements.

How do I check ComposableScreen step JSON for payload errors and unique ID conflicts?

Check ComposableScreen step JSON for payload errors by validating it against the headless SDK Zod schemas, which inspect top-level payload shape, required fields, and unique IDs within the elements array. The validation returns detailed, actionable error messages for any mismatches.

Does the Rocapine React Native onboarding SDK support validating nested UI element constraints?

Yes, the Rocapine React Native onboarding SDK supports validating nested UI element constraints by checking that text, images, and nested containers conform to the ComposableScreen schema. It verifies diverse UI element constraints and variable references within multi-step flows.

Why does my onboarding JSON validation fail with missing required fields or incorrect payload shape?

Onboarding JSON validation fails with missing required fields or incorrect payload shape when the step JSON does not adhere to the ComposableScreenStepTypeSchema structure. The validation checks top-level payload shape, required fields, and correct payload structure, returning actionable error details.

Can I validate JSON from a file path or clipboard instead of pasting inline?

Yes, you can validate JSON from a file path or clipboard instead of pasting inline, as the validation scope explicitly supports local inline JSON, file path, or clipboard input. This flexibility allows you to check ComposableScreen step JSON against schemas from multiple sources.