AI Slop Code Risk Monitor

chakra-ui/chakra-ui

SlopCodeMonitor badge for chakra-ui/chakra-ui Adjusted legacy signal; badge bands: 25 / 50 / 75 (different from dashboard bands).

Chakra UI is a component system for building SaaS products with speed ⚡️

1.5 Low pattern signal View on GitHub

Open-Source Code Quality, Security and Technical Debt Review

This report summarizes scanner evidence for chakra-ui/chakra-ui, a TypeScript project with 40,708 GitHub stars. SynthScan examined 290,765 lines of code across 3318 source files, recording 342 pattern matches distributed across 9 syntactic categories. The legacy adjusted pattern signal is 1.5 (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.5
Adjusted Signal
1.5
Raw Pattern Score
100%
Time Factor
2026-10-29
Last Push
40.7K
Stars
TypeScript
Language
290.8K
Lines of Code
3.3K
Files
342
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 1.0/100 · LOW

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

Hallucinated Dependency & Supply Chain Risk 6.1/100 · LOW

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

Agent Over-Engineering Ratio 0.3/100 · LOW

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

PR Review Velocity Impact 6.3/100 · LOW

Which changes need focused human review? 342 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 0HIGH 6MEDIUM 3LOW 333

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 342 distinct pattern matches across 9 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.

Fake / Example Data298 hits · 325 pts
SeverityFileLineSnippetContext
LOWsandbox/shadow-dom/src/App.tsx28 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed doCODE
LOWsandbox/shadow-dom/src/App.tsx28 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed doCODE
LOWpackages/react/__stories__/sandbox.stories.tsx72 <img src="https://i.pravatar.cc/150?u=1" alt="placeholder" />CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md44 <ListItem>Lorem ipsum dolor sit amet</ListItem>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md44 <ListItem>Lorem ipsum dolor sit amet</ListItem>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md55 <List.Item>Lorem ipsum dolor sit amet</List.Item>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md55 <List.Item>Lorem ipsum dolor sit amet</List.Item>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md68 <ListItem>Lorem ipsum dolor sit amet</ListItem>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md68 <ListItem>Lorem ipsum dolor sit amet</ListItem>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md79 <List.Item>Lorem ipsum dolor sit amet</List.Item>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md79 <List.Item>Lorem ipsum dolor sit amet</List.Item>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md119 Lorem ipsum dolor sit ametCODE
LOWpackages/codemod/docs/LIST_MIGRATION.md119 Lorem ipsum dolor sit ametCODE
LOWpackages/codemod/docs/LIST_MIGRATION.md137 Lorem ipsum dolor sit ametCODE
LOWpackages/codemod/docs/LIST_MIGRATION.md137 Lorem ipsum dolor sit ametCODE
LOWpackages/codemod/docs/LIST_MIGRATION.md154 <ListItem>Lorem ipsum dolor sit amet</ListItem>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md154 <ListItem>Lorem ipsum dolor sit amet</ListItem>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md165 <List.Item>Lorem ipsum dolor sit amet</List.Item>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md165 <List.Item>Lorem ipsum dolor sit amet</List.Item>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md178 <ListItem>Lorem ipsum dolor sit amet</ListItem>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md178 <ListItem>Lorem ipsum dolor sit amet</ListItem>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md189 <List.Item>Lorem ipsum dolor sit amet</List.Item>CODE
LOWpackages/codemod/docs/LIST_MIGRATION.md189 <List.Item>Lorem ipsum dolor sit amet</List.Item>CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md45 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md45 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md59 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md59 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md86 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md86 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md102 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md102 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md138 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md138 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md158 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md158 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md186 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md186 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md211 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md211 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md237 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md237 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md254 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md254 Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/codemod/docs/FORM_CONTROL_MIGRATION.md258 <Input type="email" value="user@example.com" />CODE
LOWpackages/codemod/docs/FORM_CONTROL_MIGRATION.md269 <Input type="email" value="user@example.com" />CODE
LOWpackages/codemod/__tests__/list.test.ts14 <ListItem>Lorem ipsum dolor sit amet</ListItem>CODE
LOWpackages/codemod/__tests__/list.test.ts14 <ListItem>Lorem ipsum dolor sit amet</ListItem>CODE
LOWpackages/codemod/__tests__/list.test.ts28 <List.Item>Lorem ipsum dolor sit amet</List.Item>CODE
LOWpackages/codemod/__tests__/list.test.ts28 <List.Item>Lorem ipsum dolor sit amet</List.Item>CODE
LOWpackages/codemod/__tests__/list.test.ts44 <ListItem>Lorem ipsum dolor sit amet</ListItem>CODE
LOWpackages/codemod/__tests__/list.test.ts44 <ListItem>Lorem ipsum dolor sit amet</ListItem>CODE
LOWpackages/codemod/__tests__/list.test.ts58 <List.Item>Lorem ipsum dolor sit amet</List.Item>CODE
LOWpackages/codemod/__tests__/list.test.ts58 <List.Item>Lorem ipsum dolor sit amet</List.Item>CODE
LOWpackages/codemod/__tests__/list.test.ts107 Lorem ipsum dolor sit ametCODE
LOWpackages/codemod/__tests__/list.test.ts107 Lorem ipsum dolor sit ametCODE
LOWpackages/codemod/__tests__/list.test.ts124 Lorem ipsum dolor sit ametCODE
LOWpackages/codemod/__tests__/list.test.ts124 Lorem ipsum dolor sit ametCODE
LOWpackages/codemod/__tests__/list.test.ts172 <ListItem>Lorem ipsum dolor sit amet</ListItem>CODE
LOWpackages/codemod/__tests__/list.test.ts172 <ListItem>Lorem ipsum dolor sit amet</ListItem>CODE
LOWpackages/codemod/__tests__/list.test.ts186 <List.Item>Lorem ipsum dolor sit amet</List.Item>CODE
238 more matches not shown…
Cross-Language Confusion (JS/TS)4 hits · 30 pts
SeverityFileLineSnippetContext
HIGH⚡…ons/src/examples/code-block-with-language-switcher.tsx116print(f"Repository: {repo.name}")CODE
HIGH⚡…ons/src/examples/code-block-with-language-switcher.tsx117print(f"Description: {repo.description}")CODE
HIGH⚡…ons/src/examples/code-block-with-language-switcher.tsx118print(f"Stars: {repo.stargazers_count}")CODE
HIGH⚡…ons/src/examples/code-block-with-language-switcher.tsx123 print(f"Issue #{issue.number}: {issue.title}")CODE
Structural Annotation Overuse10 hits · 22 pts
SeverityFileLineSnippetContext
LOW⚡.claude/agents/github-issue-triage.md76### Step 1: Gather Issue InformationCOMMENT
LOW⚡.claude/agents/github-issue-triage.md83### Step 2: Create ReproductionCOMMENT
LOW⚡.claude/agents/github-issue-triage.md90### Step 3: Add to StorybookCOMMENT
LOW⚡.claude/agents/github-issue-triage.md96### Step 4: Visual VerificationCOMMENT
LOW⚡.claude/agents/github-issue-triage.md103### Step 5: Debug and TraceCOMMENT
LOW⚡.claude/agents/github-issue-triage.md111### Step 6: Implement FixCOMMENT
LOW⚡.claude/agents/github-issue-triage.md118### Step 7: Write ChangesetCOMMENT
LOW⚡packages/codemod/src/transforms/components/icons.ts86 // Step 1: Find all icons imported from @chakra-ui/iconsCOMMENT
LOW⚡packages/codemod/src/transforms/components/icons.ts96 // Step 2: Transform JSX elements for each mapped icon.COMMENT
LOWpackages/codemod/src/transforms/components/icons.ts128 // Step 3: Update imports.COMMENT
Hyper-Verbose Identifiers17 hits · 17 pts
SeverityFileLineSnippetContext
LOWpackages/cli/src/commands/eject.ts199function generateSlotRecipeArtifacts(CODE
LOWpackages/cli/src/commands/eject.ts269function generateSemanticTokenArtifacts(CODE
LOWpackages/react/scripts/typedocs.ts42async function extractPropertiesOfTypeName(CODE
LOWpackages/react/src/styled-system/resolve-token-value.ts19export function resolveSemanticConditionValues(CODE
LOWpackages/react/src/styled-system/token-dictionary.ts547function replaceRootWithColorPalette(path: string[], roots: string[]) {CODE
LOWpackages/react/src/styled-system/display-name.ts7export function getElementTypeDisplayName(CODE
LOWpackages/react/src/styled-system/display-name.ts23export function inferSlotRecipeComponentDisplayName(CODE
LOWpackages/react/src/styled-system/display-name.ts31export function inferRootProviderDisplayName(CODE
LOWapps/compositions/src/ui/rich-text-editor.tsx259>(function RichTextEditorButtonGroup(props, ref) {CODE
LOWapps/compositions/src/ui/color-picker.tsx192>(function ColorPickerChannelSliders(props, ref) {CODE
LOWapps/www/utils/extract-types.ts27async function extractPropertiesOfTypeName(CODE
LOWapps/www/public/compositions/rich-text-editor.json13 "content": "\"use client\"\n\nimport type { BoxProps, StackProps, SystemStyleObject } from \"@chakra-ui/react\"\nimpCODE
LOWapps/www/public/compositions/color-picker.json10 "content": "import type { IconButtonProps, StackProps } from \"@chakra-ui/react\"\nimport {\n ColorPicker as ChakraCODE
LOWapps/www/public/r/examples/rich-text-editor.json4 "snippet": "\"use client\"\n\nimport type { BoxProps, StackProps, SystemStyleObject } from \"@chakra-ui/react\"\nimporCODE
LOWapps/www/public/r/examples/color-picker.json4 "snippet": "import type { IconButtonProps, StackProps } from \"@chakra-ui/react\"\nimport {\n ColorPicker as ChakraCoCODE
LOWapps/www/scripts/generate-types.ts67function extractDefaultPropsFromSource(CODE
LOWapps/www/lib/shiki-highlight-word.ts33export function transformerMetaWordHighlight(CODE
Magic Placeholder Names2 hits · 12 pts
SeverityFileLineSnippetContext
HIGHapps/mcp/README.md39 "CHAKRA_PRO_API_KEY": "your-api-key-here"CODE
HIGHapps/mcp/README.md58# CHAKRA_PRO_API_KEY = "your-api-key-here"COMMENT
Self-Referential Comments3 hits · 8 pts
SeverityFileLineSnippetContext
MEDIUM⚡…ons/src/examples/code-block-with-language-switcher.tsx109# Create a Github instance using an access tokenCOMMENT
MEDIUMapps/www/public/r/examples/code.json118 "content": "\"use client\"\nexport const CodeBlockWithLanguageSwitcher = () => {\n const select = useSelect({\n CODE
MEDIUMapps/www/public/r/examples/code-block.json109 "content": "\"use client\"\nexport const CodeBlockWithLanguageSwitcher = () => {\n const select = useSelect({\n CODE
Verbosity Indicators3 hits · 6 pts
SeverityFileLineSnippetContext
LOW⚡packages/codemod/src/transforms/components/icons.ts86 // Step 1: Find all icons imported from @chakra-ui/iconsCOMMENT
LOW⚡packages/codemod/src/transforms/components/icons.ts96 // Step 2: Transform JSX elements for each mapped icon.COMMENT
LOWpackages/codemod/src/transforms/components/icons.ts128 // Step 3: Update imports.COMMENT
Over-Commented Block4 hits · 4 pts
SeverityFileLineSnippetContext
LOWsandbox/next-app/next-env.d.ts1/// <reference types="next" />COMMENT
LOWsandbox/next-app-streaming/next-env.d.ts1/// <reference types="next" />COMMENT
LOWsandbox/next-pages/next-env.d.ts1/// <reference types="next" />COMMENT
LOWpackages/react/src/styled-system/expand-reference.ts101 }COMMENT
Overly Generic Function Names1 hit · 1 pts
SeverityFileLineSnippetContext
LOWsandbox/react-router/app/entry.server.tsx13export default function handleRequest(CODE