SCSS — 127 Operations for AI Agents

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

53Refactor

42Analysis

14Verify

Worked SCSS examples

act101 parses SCSS with the tree-sitter grammar and edits mixin definitions, mixin parameter lists, and variable declarations as syntax, so a generated block or declaration lands at the right place in the file rather than wherever a text search happens to match. It can generate a @mixin with a given name and body. It can add a default value to one parameter of an existing @mixin, leaving the other parameters untouched. And it can generate a new SCSS variable declaration with a given name and value, inserting it alongside the file's existing declarations. Each example below is the verbatim output of the command shown, run against the file shown.

Generate a mixin

mixins.scss has a // Mixins comment and no mixin definitions yet.

$ act refactor-lang generate_mixin_scss --file mixins.scss --params '{"name":"button","content":"padding: 10px 20px;\n    border: none;\n    border-radius: 4px;"}'

Before

// Mixins

After

// Mixins
@mixin button {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
}

The button mixin is appended below the comment with the body as given.

Add a default value to a mixin parameter

icons.scss's icon mixin takes $name and $size, neither with a default.

$ act refactor-lang add_mixin_default_param_scss --file icons.scss --params '{"mixin_name":"icon","param_name":"$size","default_value":"1rem"}'

Before

@mixin icon($name, $size) {
    content: $name;
    font-size: $size;
}

After

@mixin icon($name, $size: 1rem) {
    content: $name;
    font-size: $size;
}

$size gains a 1rem default; $name and the mixin body are unchanged.

Generate a variable declaration

variables.scss already declares $primary-color and needs a font-family variable added.

$ act refactor-lang generate_variable_declaration_scss --file variables.scss --params '{"name":"font-family-base","value":"\"Helvetica Neue\", Helvetica, Arial, sans-serif"}'

Before

$primary-color: #3498db;

After

$primary-color: #3498db;
$font-family-base: "Helvetica Neue", Helvetica, Arial, sans-serif;

$font-family-base: "Helvetica Neue", Helvetica, Arial, sans-serif; is appended after the existing declaration.

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-extend-directive-scss`	Add @extend for selector inheritance
`add-forward-statement-scss`	Add @forward for re-exporting modules
`add-global-variable-scss`	Add !global flag to a variable assignment
`add-interpolation-scss`	Replace a declaration's value with #{$var}
`add-list-variable-scss`	Add a list variable ($name: (values))
`add-map-variable-scss`	Add a map variable
`add-mixin-default-param-scss`	Add default value to mixin parameter
`add-mixin-parameter-scss`	Add parameter to existing @mixin
`add-module-config-scss`	Add a with() configuration to a @use
`add-use-statement-scss`	Add a @use statement
`consolidate-mixins-scss`	Merge similar mixins
`convert-at-import-to-at-use-scss`	Replace an @import with @use
`convert-each-to-loop-scss`	Convert repetitive rules to an @each loop
`convert-if-to-ternary-scss`	Insert an if() placeholder comment above an @if
`convert-list-to-map-scss`	Convert a list variable to a map
`convert-nested-to-flat-scss`	Insert a nested-to-flat placeholder comment
`extract-function-scss`	Insert a @function returning an expression
`extract-mixin-scss`	Extract repeated code to a @mixin
`extract-to-nested-selector-scss`	Insert a selector block at the top of the file
`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-animation-mixin-scss`	Generate fixed animation and keyframes mixins
`generate-breakpoint-mixin-scss`	Generate a named min-width breakpoint mixin
`generate-button-mixin-scss`	Generate a fixed button component mixin
`generate-card-mixin-scss`	Generate a fixed card component mixin
`generate-color-map-scss`	Generate a fixed $colors palette map
`generate-flex-mixin-scss`	Generate fixed flexbox mixins
`generate-form-mixin-scss`	Generate a fixed form-input mixin
`generate-function-scss`	Generate a @function with @return
`generate-grid-mixin-scss`	Generate a fixed CSS grid mixin
`generate-media-query-scss`	Generate a min- or max-width @media mixin
`generate-mixin-scss`	Generate a @mixin
`generate-spacing-map-scss`	Generate a fixed $spacing scale map
`generate-variable-declaration-scss`	Generate SCSS variable ($name: value;)
`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), column (u32), preview (bool), receipt (bool)]. line alone resolves the symbol's one declaration on that line (refused when the line declares none or several of the name); line + column pinpoints its name
`inline-function-scss`	Inline every call of a function
`inline-mixin-scss`	Replace every @include of a mixin with its body
`inline-variable-scss`	Replace every reference to a variable with its value
`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)]
`nest-rule-scss`	Nest a rule inside a parent rule
`organize-mixins-by-category-scss`	Insert a category header comment
`organize-mixins-scss`	Insert a mixins section header comment
`organize-variables-scss`	Group related variables together
`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-mixin-scss`	Remove later definitions of a mixin
`remove-unused-variable-scss`	Remove variables that aren't used
`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)]. line alone resolves the symbol's one declaration on that line (refused when the line declares none or several of the name); line + column pinpoints its name
`rename-mixin-scss`	Rename @mixin and update @include calls
`rename-scss-variable`	Rename SCSS variable ($var) across all references
`simplify-mixin-logic-scss`	Insert a placeholder comment above a mixin
`simplify-nested-rules-scss`	Move a rule's first nested rule out as a flat descendant rule, keeping everything else
`unnest-rule-scss`	Unnest rule to flat selector

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

← SchemeSmalltalk →