CSS — 147 Operations for AI Agents

This page is the canonical reference an AI coding agent uses to refactor, query, and analyze CSS code through the act MCP server. 147 operations available: 73 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

73Refactor

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-calc-expression`	Convert arithmetic to calc() function
`add-fallback-property`	Add fallback value before modern property
`add-media-query-support`	Wrap selector in media query
`add-vendor-prefix`	Add vendor-specific prefix variants
`consolidate-custom-properties`	Merge custom property definitions
`consolidate-duplicate-selectors`	Merge duplicate selectors into single rule
`consolidate-font-declarations`	Merge font declarations into @font-face
`consolidate-media-queries`	Merge duplicate media query blocks
`convert-absolute-to-relative-unit`	Convert px values to relative units
`convert-color-format`	Convert between color formats (hex, rgb, hsl, oklch)
`convert-hsl-to-oklch`	Convert HSL color values to OKLCH
`convert-longhand`	Consolidate longhand properties into shorthand
`convert-percentage-to-calc`	Convert percentage values to calc()
`convert-property-value-to-variable`	Convert hardcoded property value to custom property
`convert-pseudo-element-colon`	Convert single-colon pseudo-element to double-colon
`convert-shorthand`	Expand shorthand properties to longhand
`convert-to-css-grid-from-flexbox`	Convert flexbox layout to CSS grid
`convert-unit`	Convert between CSS units
`expand-nested-selector`	Convert nested selector to standard form
`extract-custom-property`	Extract repeated property value into custom property
`extract-keyframe-animation`	Extract animation definition to @keyframes
`extract-media-query`	Extract media query rule into standalone block
`extract-selector-group`	Extract selector into new rule or add to existing group
`extract-selector-mixin-pattern`	Create reusable selector group from patterns
`extract-shared-properties`	Move common properties to base rule
`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-accessibility-rules`	Generate WCAG-compliant CSS
`generate-color-palette`	Generate color system properties
`generate-comment-section`	Generate commented section header
`generate-css-class-variant`	Generate variant selectors
`generate-custom-property`	Generate CSS custom property declaration
`generate-dark-mode-media-query`	Generate dark mode media query
`generate-flexbox-container`	Generate Flexbox container
`generate-font-face`	Generate @font-face rule
`generate-grid-container`	Generate CSS Grid container
`generate-keyframe-animation`	Generate @keyframes block
`generate-media-query`	Generate media query block
`generate-prefers-reduced-motion`	Generate reduced motion media query
`generate-print-media-rules`	Generate @media print styling
`generate-reset-stylesheet`	Generate CSS reset rules
`generate-responsive-breakpoints`	Generate media queries for breakpoints
`generate-rule-block`	Generate empty CSS rule block for given selector
`generate-selector-class`	Generate CSS class selector
`generate-selector-group-bem`	Generate BEM naming convention selectors
`generate-selector-id`	Generate CSS ID selector
`generate-selector-pseudo-class-group`	Generate pseudo-class variants
`generate-shadow-definitions`	Generate shadow definitions
`generate-spacing-scale`	Generate spacing scale properties
`generate-transition-timing`	Generate animation timing properties
`generate-typography-system`	Generate typography system properties
`generate-vendor-prefix-variants`	Generate vendor-prefixed property variants
`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)]
`inline-import`	Consolidate @import statements into single rule
`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)]
`merge-adjacent-rules`	Combine adjacent rules with same selector
`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)]
`organize-rule-properties`	Group related properties within rule
`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-duplicate-properties`	Remove redundant property declarations
`remove-empty-rule`	Delete CSS rules with no properties
`remove-overridden-properties`	Remove properties shadowed by later declarations
`remove-unnecessary-specificity`	Remove redundant classes/IDs from selectors
`remove-unused-selector`	Remove unreferenced selectors
`remove-vendor-prefix`	Remove outdated vendor prefixes
`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-class-selector`	Rename a CSS class selector across all stylesheets
`rename-custom-property`	Rename a CSS custom property (--var-name)
`rename-id-selector`	Rename a CSS ID selector across all stylesheets
`separate-concerns-selector`	Split compound selector into separate rules
`simplify-selector-specificity`	Reduce selector specificity
`sort-properties`	Sort CSS properties by category
`sort-selectors`	Sort selectors within rule

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

← C#CUDA →