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 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 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.