AI Slop Code Risk Monitor

facebook/stylex

SlopCodeMonitor badge for facebook/stylex Adjusted legacy signal; badge bands: 25 / 50 / 75 (different from dashboard bands).

StyleX is the styling system for ambitious user interfaces.

1.2 Low pattern signal View on GitHub

Open-Source Code Quality, Security and Technical Debt Review

This report summarizes scanner evidence for facebook/stylex, a JavaScript project with 10,445 GitHub stars. SynthScan examined 188,298 lines of code across 874 source files, recording 191 pattern matches distributed across 6 syntactic categories. The legacy adjusted pattern signal is 1.2 (Low pattern signal); it is not an authorship estimate.

Use the findings to ask whether maintainers can explain intent, verify dependencies, simplify unnecessary scaffolding, and focus review effort. Risk Payload v1 adds ownership, supply-chain, over-engineering, and review-effort vectors when available. These are prompts for human verification, not probabilities, security findings, or measured maintenance costs.

1.2
Adjusted Signal
1.2
Raw Pattern Score
100%
Time Factor
2026-10-30
Last Push
10.4K
Stars
JavaScript
Language
188.3K
Lines of Code
874
Files
191
Pattern Hits
2026-10-31
Scan Date
0.00
HC Hit Rate

Risk Review · Payload v1

Use each vector to guide manual verification of the underlying findings.

Payload schema: 1.0.0 · Engine: 2.0.0 · Scoring: heuristic-density-v1 · Scan date: 2026-10-31.

Cognitive Ownership Risk 4.4/100 · LOW

Can maintainers explain intent, assumptions, and trade-offs? 176 finding(s).

Hallucinated Dependency & Supply Chain Risk 0.3/100 · LOW

Are imports declared and package/API names verified? 1 finding(s).

Agent Over-Engineering Ratio 4.4/100 · LOW

Are wrappers, guards, and repeated structures necessary? 152 finding(s).

PR Review Velocity Impact 5.9/100 · LOW

Which changes need focused human review? 191 finding(s).

What These Metrics Mean

Adjusted Signal
Legacy pattern score normalized per 1,000 scanned lines and multiplied by the repository-level time factor. It is not an estimate of AI authorship.
Raw Pattern Score
Sum of severity- and context-weighted pattern findings before applying the time factor.
Time Factor
A coarse multiplier based on repository last-push metadata. It does not identify when individual code was written.
Pattern Hits
Count of configured pattern findings. Review each location and surrounding code before acting.
HC Hit Rate
High- and critical-severity findings per scanned file. Severity is a configured detector weight, not proof of a vulnerability or authorship.
Lines / Files
Scan coverage denominators used by the legacy normalized score.

Pattern-Signal History

This chart tracks the legacy adjusted pattern score across scan runs. Changes can reflect source changes, scan coverage, or detector/scoring versions; they do not measure AI adoption or prove that a team refactored code. Compare runs only when their scoring versions are compatible. The dashed line tracks the raw pattern-hit count.

Severity Breakdown

Groups findings by configured severity weight. Severity is not a confidence estimate, security rating, or proof that a package is missing. Verify imports against the project's manifests and inspect each finding in its local design context.

CRITICAL 1HIGH 0MEDIUM 14LOW 176

Directory Score Breakdown

This horizontal bar chart shows where configured pattern scores accumulate across directories. Treat the bars as locations to inspect, not as evidence of authorship or code quality. Use the file-level findings to decide whether a directory needs a focused ownership, dependency, complexity, or review check.

Pattern Findings

The scanner identified 191 distinct pattern matches across 6 syntactic categories. Each entry below represents a discrete location in the source code where the engine recorded a detector match to inspect in context. Expand any category row to inspect the individual file paths, line numbers, code snippets, and the lexical context (CODE, COMMENT, or STRING) in which each match was detected.

Reading the findings table: The Severity column indicates the configured finding weight (CRITICAL / HIGH / MEDIUM / LOW). The Context column identifies whether the match occurred inside executable code, an inline comment, or a string literal — legacy comment-context matches receive a ×1.5 score weight. The ⚡ bolt icon marks clustered matches: three or more patterns within a 10-line window, each receiving an additional ×1.5 density multiplier under the legacy scoring model.

Hyper-Verbose Identifiers138 hits · 126 pts
SeverityFileLineSnippetContext
LOWpackages/docs/src/components/search-dialog.tsx110function transformDocSearchResults(hits: DocSearchHit[]): SortedResult[] {CODE
LOWpackages/docs/src/components/SiteErrorBoundary.tsx26function reloadAfterDynamicImportError(error: unknown): void {CODE
LOW…e-value-parser/src/at-queries/media-query-transform.js14export function lastMediaQueryWinsTransform(styles: Object): Object {CODE
LOW…e-value-parser/src/at-queries/media-query-transform.js18function combineMediaQueryWithNegations(CODE
LOW…js/stylex/src/stylesheet/createOrderedCSSStyleSheet.js34export function createOrderedCSSStyleSheet(CODE
LOWpackages/@stylexjs/atoms/src/babel-transform.d.ts19export declare function createUtilityStylesVisitor(CODE
LOWpackages/@stylexjs/atoms/src/babel-transform.d.ts27export declare function isUtilityStylesIdentifier(CODE
LOWpackages/@stylexjs/atoms/src/babel-transform.js28function createUtilityStylesVisitor(state, compile) {CODE
LOWpackages/@stylexjs/atoms/src/babel-transform.js56function isUtilityStylesIdentifier(ident, state, path) {CODE
LOW…xjs/devtools-extension/src/panel/declarations/model.js179export function getReplacementOverrideIds(CODE
LOW…stylexjs/devtools-extension/src/utils/sourceSnippet.js15function findMatchingClosingBraceLine(CODE
LOW…lexjs/devtools-extension/src/utils/resourceMatching.js12function isProbablySourceMappedUrl(url: string): boolean {CODE
LOW…@stylexjs/devtools-extension/src/utils/cssVariables.js27export function findCssVariableReferences(CODE
LOW…tylexjs/devtools-extension/src/utils/sourceLocation.js19export function formatCopyableSourceLocation(source: StylexSource): string {CODE
LOW…es/@stylexjs/devtools-extension/src/devtools/bridge.js48export function subscribeToDevtoolsChanges(CODE
LOW…/devtools-extension/src/devtools/inspectedPageRelay.js122export function createInspectedPageRelayId(): ?string {CODE
LOW…/devtools-extension/src/devtools/inspectedPageRelay.js129export function installInspectedPageRelay(CODE
LOW…/@stylexjs/devtools-extension/src/inspected/runtime.js27export function createInspectedPageRuntime(CODE
LOW…stylexjs/devtools-extension/src/inspected/collector.js328function collectReferencedVariableNames(CODE
LOW…exjs/devtools-extension/src/inspected/overrideStore.js384function getOriginalRuleTargetAttribute(CODE
LOW…s/devtools-extension/src/inspected/selectorAnalysis.js72function removeDynamicStatePseudos(selector: any): any {CODE
LOW…s/devtools-extension/src/inspected/selectorAnalysis.js133function removeRepeatedSpecificityClasses(selector: any, target: any): void {CODE
LOW…plugin/__tests__/transform-stylex-defineConsts-test.js43function transformWithInlineConsts(source, opts = {}) {CODE
LOW…plugin/__tests__/transform-stylex-defineConsts-test.js85function transformWithAliasedInlineConsts(source, opts = {}) {CODE
LOW…/babel-plugin/__tests__/transform-stylex-props-test.js31function transformWithSyntaxPlugins(source, syntaxPlugins, opts = {}) {CODE
LOW…xjs/babel-plugin/src/visitors/stylex-default-marker.js22export default function transformStyleXDefaultMarker(CODE
LOW…s/@stylexjs/babel-plugin/src/visitors/stylex-create.js76function hasExplicitNullishFallback(expr: t.Expression): boolean {CODE
LOW…abel-plugin/src/visitors/stylex-create-theme-nested.js27export default function transformStyleXCreateThemeNested(CODE
LOW…lexjs/babel-plugin/src/visitors/stylex-create-theme.js34export default function transformStyleXCreateTheme(CODE
LOW…lexjs/babel-plugin/src/visitors/stylex-create-theme.js217function validateStyleXCreateTheme(CODE
LOW…ylexjs/babel-plugin/src/visitors/stylex-define-vars.js48export default function transformStyleXDefineVars(CODE
LOW…ylexjs/babel-plugin/src/visitors/stylex-define-vars.js234function normalizeDefineVarsObject(CODE
LOW…ylexjs/babel-plugin/src/visitors/stylex-define-vars.js332function evaluateDefineVarsFunction(CODE
LOW…exjs/babel-plugin/src/visitors/stylex-define-consts.js27export default function transformStyleXDefineConsts(CODE
LOW…exjs/babel-plugin/src/visitors/stylex-define-consts.js109function validateStyleXDefineConsts(CODE
LOW…s/babel-plugin/src/visitors/parse-stylex-create-arg.js119function evaluatePartialObjectRecursively(CODE
LOW…s/babel-plugin/src/visitors/parse-stylex-create-arg.js287function validateDynamicStyleParams(CODE
LOW…el-plugin/src/visitors/stylex-view-transition-class.js30export default function transformStyleXViewTransitionClass(CODE
LOW…el-plugin/src/visitors/stylex-view-transition-class.js142function assertValidViewTransitionClass(path: NodePath<>, obj: mixed) {CODE
LOW…exjs/babel-plugin/src/visitors/stylex-define-marker.js24export default function transformStyleXDefineMarker(CODE
LOW…exjs/babel-plugin/src/visitors/stylex-define-marker.js85function validateStyleXDefineMarker(path: NodePath<t.CallExpression>) {CODE
LOW…lexjs/babel-plugin/src/visitors/stylex-position-try.js26export default function transformStyleXPositionTry(CODE
LOW…bel-plugin/src/visitors/stylex-define-consts-nested.js28export default function transformStyleXDefineConstsNested(CODE
LOW…babel-plugin/src/visitors/stylex-define-vars-nested.js27export default function transformStyleXDefineVarsNested(CODE
LOW…tylexjs/babel-plugin/src/shared/stylex-nested-utils.js227export function flattenNestedOverridesConfig(CODE
LOW…tylexjs/babel-plugin/src/shared/stylex-nested-utils.js241export function flattenNestedStringConfig(CODE
LOW…tylexjs/babel-plugin/src/shared/stylex-nested-utils.js260export function flattenNestedConstsConfig(CODE
LOW…stylexjs/babel-plugin/src/shared/stylex-define-vars.js99function constructCssVariablesString(CODE
LOW…abel-plugin/src/shared/stylex-view-transition-class.js33export default function styleXViewTransitionClass(CODE
LOW…abel-plugin/src/shared/stylex-view-transition-class.js92function constructViewTransitionClassStyleStr(style: {CODE
LOW…abel-plugin/src/shared/stylex-view-transition-class.js100function constructFinalViewTransitionCSSStr(CODE
LOW…plugin/src/shared/preprocess-rules/basic-validation.js55function validateConditionalStyles(CODE
LOW…exjs/babel-plugin/src/shared/preprocess-rules/index.js30export default function flatMapExpandedShorthands(CODE
LOWpackages/@stylexjs/babel-plugin/src/shared/when/when.js33function getDefaultMarkerClassName(CODE
LOW…kages/@stylexjs/postcss-plugin/__tests__/index-test.js23 function createAutoDiscoveryFixture() {CODE
LOWpackages/@stylexjs/postcss-plugin/src/discovery.js107function findDependencyManifestPathFromEntry(entryPath, dependencyName) {CODE
LOWpackages/@stylexjs/postcss-plugin/src/discovery.js125function resolveDependencyManifestPath(requireFromRoot, dependencyName) {CODE
LOWpackages/@stylexjs/postcss-plugin/src/discovery.js138function includePackageFromImportSource({CODE
LOWpackages/@stylexjs/postcss-plugin/src/discovery.js206function discoverStylexPackageDirectories({ cwd, importSources }) {CODE
LOWpackages/@stylexjs/postcss-plugin/src/discovery.js330function inferImportSourcesFromPluginEntries(pluginEntries) {CODE
78 more matches not shown…
Decorative Section Separators14 hits · 42 pts
SeverityFileLineSnippetContext
MEDIUMexamples/example-nextjs/app/ds-demo/tokens.stylex.ts20// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━COMMENT
MEDIUMexamples/example-nextjs/app/ds-demo/tokens.stylex.ts25// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━COMMENT
MEDIUMexamples/example-nextjs/app/ds-demo/tokens.stylex.ts104// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━COMMENT
MEDIUMexamples/example-nextjs/app/ds-demo/tokens.stylex.ts110// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━COMMENT
MEDIUMexamples/example-nextjs/app/ds-demo/tokens.stylex.ts207// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━COMMENT
MEDIUMexamples/example-nextjs/app/ds-demo/tokens.stylex.ts212// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━COMMENT
MEDIUMexamples/example-nextjs/app/ds-demo/page.tsx220// ─── Styles ──────────────────────────────────────────────────COMMENT
MEDIUM…amples/example-nextjs/app/nested-demo/tokens.stylex.ts16// ─── Dynamic tokens (CSS custom properties) ──────────────────COMMENT
MEDIUM…amples/example-nextjs/app/nested-demo/tokens.stylex.ts102// ─── Theme overrides (unstable_createThemeNested) ────────────COMMENT
MEDIUM…amples/example-nextjs/app/nested-demo/tokens.stylex.ts179// ─── Static constants (inlined at compile time) ──────────────COMMENT
MEDIUMexamples/example-nextjs/app/nested-demo/page.tsx199// ─── Styles (same-file nested token consumption) ─────────────COMMENT
MEDIUM…s/example-nextjs/components/NestedTokensDemo.stylex.ts16// ─── 1. unstable_defineVarsNested (CSS custom properties) ─────COMMENT
MEDIUM…s/example-nextjs/components/NestedTokensDemo.stylex.ts79// ─── 3. unstable_createThemeNested (theme override) ───────────COMMENT
MEDIUM…s/example-nextjs/components/NestedTokensDemo.stylex.ts105// ─── 4. stylex.create consuming nested tokens ────────────────COMMENT
Over-Commented Block27 hits · 27 pts
SeverityFileLineSnippetContext
LOWexamples/example-vite-rsc/vite.config.ts21 }),COMMENT
LOWexamples/example-vite-rsc/src/framework/entry.ssr.tsx21) {COMMENT
LOW…es/style-value-parser/src/css-types/filter-function.js101// offsetY: Length,COMMENT
LOW…es/style-value-parser/src/css-types/filter-function.js121// }COMMENT
LOW…style-value-parser/src/css-types/transform-function.js261// this.angle = angle;COMMENT
LOW…style-value-parser/src/css-types/transform-function.js281// (v) => v === 'Z',COMMENT
LOW…style-value-parser/src/css-types/transform-function.js301 }COMMENT
LOW…rc/shared/preprocess-rules/legacy-expand-shorthands.js21// marginInline: (rawValue) => [COMMENT
LOW…ages/@stylexjs/shared/src/utils/property-priorities.js601COMMENT
LOW…ages/@stylexjs/shared/src/utils/property-priorities.js621// ':any-link': 81,COMMENT
LOW…ages/@stylexjs/shared/src/utils/property-priorities.js641// ':user-invalid': 105,COMMENT
LOW…@stylexjs/eslint-plugin/src/reference/cssProperties.js2001 minInlineSize: minMaxLength,COMMENT
LOW.github/dependabot.yml1# Dependabot configurationCOMMENT
LOWflow-typed/stubs.js1// declare var process: any;COMMENT
LOWflow-typed/environments/dom.js1481COMMENT
LOWflow-typed/npm/unplugin_vx.x.x.js1declare module 'unplugin' {COMMENT
LOWflow-typed/npm/unplugin_vx.x.x.js141 rspack: UnpluginFactoryOutput<UserOptions, any>;COMMENT
LOWflow-typed/npm/unplugin_vx.x.x.js181 error: (message: string | UnpluginMessage) => void;COMMENT
LOWflow-typed/npm/rollup.js401 id: string,COMMENT
LOWflow-typed/npm/rollup.js761 // autoId: true,COMMENT
LOWflow-typed/npm/rollup.js961 };COMMENT
LOWflow-typed/npm/rollup.js1041 // T extends { [event: string]: (...parameters: any) => any },COMMENT
LOWflow-typed/npm/rollup.js1061 // * Promise.all.COMMENT
LOWflow-typed/npm/rollup.js1081 // code: 'BUNDLE_END',COMMENT
LOWflow-typed/npm/@babel/helper-module-imports.js141 // name: string,COMMENT
LOWflow-typed/npm/@babel/helper-module-imports.js161COMMENT
LOWflow-typed/npm/@babel/helper-module-imports.js181 // ): t.Identifier;COMMENT
Hallucination Indicators1 hit · 10 pts
SeverityFileLineSnippetContext
CRITICAL…s/devtools-extension/__tests__/inspectedClient-test.js64 expect(devtools.inspectedWindow.eval.mock.calls.at(-1)[0]).toContain(CODE
Structural Annotation Overuse6 hits · 9 pts
SeverityFileLineSnippetContext
LOW…in/__tests__/transform-stylex-defineVarsNested-test.js444 // Step 1: Compile defineVarsNested in tokens.stylex.jsCOMMENT
LOW…in/__tests__/transform-stylex-defineVarsNested-test.js460 // Step 2: Compile a SEPARATE file that imports tokens and uses nested access.COMMENT
LOW…in/__tests__/transform-stylex-defineVarsNested-test.js617 // Step 1: Compile defineVarsNested in the design-system packageCOMMENT
LOW…in/__tests__/transform-stylex-defineVarsNested-test.js638 // Step 2: Consumer imports tokens from the design-system package.COMMENT
LOW…n/src/shared/preprocess-rules/flatten-raw-style-obj.js80 // Step 1: Expand properties to its constituent partsCOMMENT
LOWflow-typed/npm/@babel/types.js3956 // NOTE: This function slows everything down:COMMENT
Verbosity Indicators5 hits · 8 pts
SeverityFileLineSnippetContext
LOW…in/__tests__/transform-stylex-defineVarsNested-test.js444 // Step 1: Compile defineVarsNested in tokens.stylex.jsCOMMENT
LOW…in/__tests__/transform-stylex-defineVarsNested-test.js460 // Step 2: Compile a SEPARATE file that imports tokens and uses nested access.COMMENT
LOW…in/__tests__/transform-stylex-defineVarsNested-test.js617 // Step 1: Compile defineVarsNested in the design-system packageCOMMENT
LOW…in/__tests__/transform-stylex-defineVarsNested-test.js638 // Step 2: Consumer imports tokens from the design-system package.COMMENT
LOW…n/src/shared/preprocess-rules/flatten-raw-style-obj.js80 // Step 1: Expand properties to its constituent partsCOMMENT