JSX — 151 Operations for AI Agents

This page is the canonical reference an AI coding agent uses to refactor, query, and analyze JSX code through the act MCP server. 151 operations available: 77 refactor, 18 query, 42 analysis, 14 verification. Each operation is callable from Claude Code, Cursor, Codex, OpenCode, or any MCP-compatible agent host. Click any operation for a stable anchor link suitable for citation.

18Query

77Refactor

42Analysis

14Verify

Query

18 query tools, the same on every supported language. Descriptions live in the shared reference: /docs/query-tools.

callers control_flow data_flow definition diagnostics effect_closure effect_summary fix_auto get_type graph import_organize interface mutations references repo_outline skeleton symbols symbols_batch

Refactor

Operation	Description
`add-default-prop`	Add default value for a prop
`add-doc-comment`	Add doc comment to declaration
`add-key-prop`	Add key prop to JSX element
`add-module-comment`	Add module-level doc comment
`add-nullish-coalescing`	Use nullish coalescing (??) operator
`add-numeric-separators`	Add numeric separators to large numbers
`add-optional-chaining`	Use optional chaining (?.) for safe access
`add-parameter-docs`	Add parameter documentation
`add-todo-comment`	Add TODO comment
`add-use-callback`	Wrap function with useCallback
`add-use-memo`	Wrap expression with useMemo
`convert-and-to-ternary`	Convert logical AND conditional to ternary expression
`convert-arrow`	Convert function to arrow/lambda
`convert-async`	Convert sync function to async
`convert-class-to-function-component`	Convert class component to function component
`convert-commonjs-to-esm`	Convert CommonJS require to ESM import
`convert-concat`	Convert template literal to concat
`convert-const-to-let`	Convert const to let
`convert-const-to-var`	Convert const back to var
`convert-element-to-component`	Replace HTML element with component wrapper
`convert-esm-to-commonjs`	Convert ESM import to CommonJS require
`convert-for`	Convert forEach/map to for loop
`convert-foreach`	Convert for loop to forEach/map
`convert-function-to-class-component`	Convert function component to class component
`convert-if-else`	Convert ternary to if-else
`convert-lifecycle-to-hooks`	Convert class lifecycle methods to React hooks
`convert-prop-to-optional`	Make prop optional by adding ? marker
`convert-prop-to-required`	Make prop required by removing optional ? marker
`convert-prototype-to-class`	Convert prototype function to class
`convert-self-closing`	Toggle between self-closing and explicit closing tags
`convert-sync`	Convert async function to sync
`convert-template`	Convert string concat to template literal
`convert-ternary`	Convert if-else to ternary
`convert-ternary-to-and`	Convert ternary expression to logical AND conditional
`convert-to-arrow-component`	Convert function declaration to arrow function component
`convert-to-doc-comment`	Convert regular comment to doc comment
`convert-to-forward-ref`	Wrap component with React.forwardRef
`convert-to-memo-component`	Wrap component with React.memo
`convert-var-to-const`	Convert var to const (block scoping + immutability)
`convert-var-to-let`	Convert var to let (block scoping)
`destructure-props`	Destructure props parameter
`extract-custom-hook`	Extract hook logic into a custom hook function
`extract-jsx-element`	Extract JSX element selection into a new component
`extract-prop`	Extract inline value to a named prop
`extract_function`	Extract a code selection into a new function — automatically infers parameters, return types, and inserts the call site. Use instead of manually cutting/pasting code. Works without LSP; LSP improves type inference. Params: file (string), new_name (string), start_line (u32), start_column (u32), end_line (u32), end_column (u32) [, preview (bool), receipt (bool)]
`extract_variable`	Extract an expression into a named variable — inserts the declaration and replaces the expression with the variable name. Works without LSP. Params: file (string), new_name (string), start_line (u32), start_column (u32), end_line (u32), end_column (u32) [, preview (bool)]
`generate-aria-attributes`	Generate ARIA accessibility attributes for JSX element
`generate-component-test`	Generate a component test scaffold
`generate-context-provider`	Generate a Context and Provider component
`generate-custom-hook`	Generate a custom hook scaffold
`generate-error-boundary`	Generate an error boundary class component
`generate-function-component`	Generate a new function component scaffold
`generate-hoc`	Generate higher-order component wrapper
`generate-props-type`	Generate JSDoc props type definition
`generate-use-fetch-hook`	Generate data-fetching hook with loading and error states
`inline`	Inline a variable, function, or method — replace every usage with its definition body, then remove the original. The inverse of extract. Works without LSP (single-file); LSP enables cross-file inlining. Params: file (string), symbol (string) [, line (u32), preview (bool), receipt (bool)]
`insert_body`	Replace a function's implementation body with new code. AST-validated — rejects if the result has parse errors, so you can't accidentally break syntax. Use instead of manual text editing for function rewrites. Params: file (string), symbol (string), code (string) [, commit (bool)]
`move_symbol`	Move a function, class, or type to a different file and automatically update all imports across the codebase. Use instead of manually cut/paste + fixing imports. Works without LSP (single-file); LSP enables cross-file import updates. Params: file (string), symbol (string), destination (string) [, preview (bool), receipt (bool)]
`recipe_run`	Run a codemod recipe: declarative match → transform → optional verify across modeled grammars. Preview lists matches; apply writes with optional E7 receipts and all-or-nothing rollback. Returns a per-site report.
`remove-comment`	Remove comment from code
`remove-fragment`	Remove Fragment wrapper, keeping its children
`remove-use-memo`	Remove useMemo wrapper and keep the computed expression
`rename`	Rename a symbol and automatically update ALL references across the codebase. Safer and faster than find-and-replace — AST-aware, won't rename strings or comments. Works without LSP (single-file); LSP enables cross-file renames. Params: file (string), old_name (string), new_name (string) [, line (u32), column (u32), preview (bool), receipt (bool)]
`rename-prop`	Rename a prop throughout the component
`split-component`	Extract JSX element into a new component
`spread-props`	Replace explicit props with spread syntax
`unspread-props`	Replace spread props with explicit props
`use-destructuring`	Use destructuring for object properties
`use-logical-assignment`	Use logical assignment operators (&&=, \|\|=, ??=)
`use-object-shorthand`	Use ES6 object property shorthand
`use-private-fields`	Convert to private class fields (#field)
`use-rest-parameters`	Convert arguments to rest parameters
`use-spread-operator`	Convert Object.assign to spread operator
`use-template-literals`	Convert string concat to template literals
`use-top-level-await`	Convert IIFE async to top-level await
`wrap-in-element`	Wrap selected JSX in a parent element
`wrap-in-fragment`	Wrap JSX elements in a React Fragment

Analysis

42 analysis tools, the same on every supported language. Descriptions live in the shared reference: /docs/analysis-tools.

analyze_api_diff analyze_chokepoints analyze_clones analyze_clusters analyze_cohesion analyze_conformance analyze_coupling analyze_cycle_risk analyze_cycles analyze_dead_code analyze_depth analyze_entry_points analyze_export analyze_extraction analyze_fan_balance analyze_features analyze_hotspots analyze_impact analyze_inconsistencies analyze_inheritance analyze_interface_bloat analyze_interfaces analyze_layers analyze_orphan_types analyze_patterns analyze_platform_deps analyze_readiness analyze_roles analyze_seams analyze_stability analyze_surface analyze_test_gaps analyze_thickness analyze_type_completeness churn_hotspots co_change_clusters coverage_overlay ownership_map profile_overlay simulate split_module trace_overlay

Verify

14 verify tools, the same on every supported language. Descriptions live in the shared reference: /docs/verification.

bisect_regression gate generate_test_harness scan secret_surface summarize_pr taint_flow unsafe_surface verify_behavioral_equivalence verify_contract_preserved verify_diff_semantics verify_port_parity verify_side_effects verify_test_impact

← JSONnetJulia →