---
schema_version: "1"
id: aa34234a8259b9a73dad1b8c47aa798ecb7a8b0ed0f3f0c8c4c92486c6e53e21
title: Validate and Optimize Your React Apps for Production (Developer Preview)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/release-notes/260-0-0/rn_vibe_code_validate_and_score.md
canonical_url: https://help.salesforce.com/s/articleView?id=release-notes.rn_vibe_code_validate_and_score.htm&release=260&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: d5a9f0f03795b20d307628f40f56d6639814d5df73098afd66900c3f3ad511f8
description: Check that your React apps meet quality standards with the validation framework in Agentforce Vibes. The validation framework runs a workflow against a set of validators for code quality, security, and accessibility. It returns a readiness score and quality grade to help you get your apps ready for production.
products:
  - Cross Cloud Packages Solutions
release: "260"
---
# Validate and Optimize Your React Apps for Production (Developer Preview)

Check that your React apps meet quality standards with the validation framework in Agentforce Vibes. The validation framework runs a workflow against a set of validators for code quality, security, and accessibility. It returns a readiness score and quality grade to help you get your apps ready for production.

**Where:** This change applies to Lightning Experience in sandbox and scratch orgs only.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-salesforce_release_notes-260-0-0-production-enus/ba62a63b-6cd1-440e-8d24-e867afab0363/images/icon_note.png)

Note The validation framework for React apps is available as a developer preview. This feature isn’t generally available unless or until Salesforce announces its general availability in documentation or in press releases or public statements. All commands, parameters, and other features are subject to change or deprecation at any time, with or without notice. Don't implement functionality developed with these commands or tools.

**When:** This feature is available starting April 15, 2026.

**How:** The validation framework comprises several Model Context Protocol (MCP) tools, which are available via the Salesforce DX MCP server in the `experts-validation` toolset.

- `validate_and_optimize`—Validates code quality by running the Code Analyzer, Security, and Accessibility validators.
- `score_issues`—Consumes the validator findings to compute an overall readiness score from 0 to 100 and assigns a quality grade, such as review-for-production, prototype, or draft.

To start the validation workflow, open your app project in Agentforce Vibes and use prompts to ask about validating your React app. For example, you can enter prompts such as:

- Validate and score `componentName`
- Run `validate_and_optimize` on this component for accessibility only
- Is my app production-ready?

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-salesforce_release_notes-260-0-0-production-enus/ba62a63b-6cd1-440e-8d24-e867afab0363/images/icon_note.png)

Note Before you create and run tests for your app, consider running the validation workflow. Apply any necessary fixes in the app so you don't include anti-patterns into tests. After your tests pass, run the validation workflow again to confirm that your fixes resolved any issues and that no regressions remain.

The validation workflow runs these validators.

- Code Analyzer: Uses the `run_code_analyzer` tool to identify code issues, such as for ESLint, Apex, JavaScript, and copy paste detection.
- Security: Uses the `guide_lws_security` tool to identify risky browser patterns, DOM access, sandbox escapes, unsafe script/style injection, and common anti-patterns.
- Accessibility: Uses the `guide_component_accessibility` tool to identify accessibility issues and provides fixes and guidance that are aligned to WCAG and Salesforce standards.

After the validators run, you receive a list of identified issues with actionable recommendations and the option to fix them automatically.

#### See Also

- [_Agentforce Vibes Developer Guide_: Validate and Optimize Your React Apps (Developer Preview)](https://developer.salesforce.com/docs/platform/einstein-for-devs/guide/devagent-mcpvalidate.html)