AI Slop Code Risk Monitor

heroui-inc/heroui

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

🚀 Beautiful, fast and modern React UI library. (Previously NextUI)

0.8 Low pattern signal View on GitHub

Open-Source Code Quality, Security and Technical Debt Review

This report summarizes scanner evidence for heroui-inc/heroui, a TypeScript project with 31,077 GitHub stars. SynthScan examined 224,028 lines of code across 2759 source files, recording 167 pattern matches distributed across 4 syntactic categories. The legacy adjusted pattern signal is 0.8 (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.

0.8
Adjusted Signal
0.8
Raw Pattern Score
100%
Time Factor
2026-10-31
Last Push
31.1K
Stars
TypeScript
Language
224.0K
Lines of Code
2.8K
Files
167
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.2/100 · LOW

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

Hallucinated Dependency & Supply Chain Risk 2.9/100 · LOW

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

Agent Over-Engineering Ratio 1.0/100 · LOW

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

PR Review Velocity Impact 3.7/100 · LOW

Which changes need focused human review? 167 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 0MEDIUM 1LOW 166

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 167 distinct pattern matches across 4 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 Data118 hits · 133 pts
SeverityFileLineSnippetContext
LOW…torybook/components/colors-demo/component-showcase.tsx177 Lorem ipsum dolor sit amet consectetur. Sed arcu donec id aliquam.CODE
LOW…torybook/components/colors-demo/component-showcase.tsx177 Lorem ipsum dolor sit amet consectetur. Sed arcu donec id aliquam.CODE
LOWpackages/react/src/components/drawer/drawer.stories.tsx182 Paragraph {i + 1}: Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOWpackages/react/src/components/drawer/drawer.stories.tsx182 Paragraph {i + 1}: Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOW…src/components/scroll-shadow/scroll-shadow.stories.tsx29 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar risus non risusCODE
LOW…src/components/scroll-shadow/scroll-shadow.stories.tsx29 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar risus non risusCODE
LOWpackages/react/src/components/card/card.stories.tsx213 Lorem ipsum dolor sit amet consectetur. Sed arcu donec id aliquam dolor sed ametCODE
LOWpackages/react/src/components/card/card.stories.tsx213 Lorem ipsum dolor sit amet consectetur. Sed arcu donec id aliquam dolor sed ametCODE
LOW⚡…t/src/components/alert-dialog/alert-dialog.stories.tsx782 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOW⚡…t/src/components/alert-dialog/alert-dialog.stories.tsx782 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOW⚡…t/src/components/alert-dialog/alert-dialog.stories.tsx787 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOW⚡…t/src/components/alert-dialog/alert-dialog.stories.tsx787 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOW⚡…t/src/components/alert-dialog/alert-dialog.stories.tsx792 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOW⚡…t/src/components/alert-dialog/alert-dialog.stories.tsx792 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOWpackages/react/src/components/toast/toast.stories.tsx292 setTimeout(() => resolve({name: "John Doe", email: "john@example.com"}), 2000);CODE
LOWpackages/react/src/components/avatar/avatar.stories.tsx54 <Avatar.Image alt="John Doe" src="https://img.heroui.chat/image/avatar?w=400&h=400&u=3" />CODE
LOW…ges/react/src/components/fieldset/fieldset.stories.tsx62 <Input placeholder="John Doe" />CODE
LOWpackages/react/src/components/modal/modal.stories.tsx444 Paragraph {i + 1}: Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOWpackages/react/src/components/modal/modal.stories.tsx444 Paragraph {i + 1}: Lorem ipsum dolor sit amet, consectetur adipiscing elit.CODE
LOW⚡packages/react/src/components/modal/modal.stories.tsx804 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOW⚡packages/react/src/components/modal/modal.stories.tsx804 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOW⚡packages/react/src/components/modal/modal.stories.tsx809 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOW⚡packages/react/src/components/modal/modal.stories.tsx809 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOW⚡packages/react/src/components/modal/modal.stories.tsx814 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOW⚡packages/react/src/components/modal/modal.stories.tsx814 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOWpackages/react/src/components/sheet/sheet.stories.tsx281 Paragraph {i + 1}: Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOWpackages/react/src/components/sheet/sheet.stories.tsx281 Paragraph {i + 1}: Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOWapps/docs/src/lib/dictionaries/cn.json83 "placeholder": "name@email.com",CODE
LOWapps/docs/src/lib/dictionaries/cn.json101 "placeholder": "你想搜索什么?",CODE
LOWapps/docs/src/lib/dictionaries/cn.json207 "placeholder": "粘贴字体 URL...",CODE
LOWapps/docs/src/lib/dictionaries/cn.json298 "placeholder": "请选择",CODE
LOWapps/docs/src/lib/dictionaries/cn.json331 "placeholder": "john@email.com",CODE
LOWapps/docs/src/lib/dictionaries/en.json83 "placeholder": "name@email.com",CODE
LOWapps/docs/src/lib/dictionaries/en.json101 "placeholder": "What are you searching for?",CODE
LOWapps/docs/src/lib/dictionaries/en.json207 "placeholder": "Paste font URL...",CODE
LOWapps/docs/src/lib/dictionaries/en.json298 "placeholder": "Select one",CODE
LOWapps/docs/src/lib/dictionaries/en.json331 "placeholder": "john@email.com",CODE
LOWapps/docs/src/demos/cn/drawer/scrollable-content.tsx18 段落 {i + 1}:Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOWapps/docs/src/demos/cn/drawer/scrollable-content.tsx18 段落 {i + 1}:Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOWapps/docs/src/demos/cn/tooltip/custom-trigger.tsx11 alt="Jane Doe"CODE
LOWapps/docs/src/demos/cn/scroll-shadow/size.tsx10 段落 {idx + 1}:Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOWapps/docs/src/demos/cn/scroll-shadow/size.tsx10 段落 {idx + 1}:Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOWapps/docs/src/demos/cn/scroll-shadow/with-card.tsx15 段落 {idx + 1}:Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOWapps/docs/src/demos/cn/scroll-shadow/with-card.tsx15 段落 {idx + 1}:Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOWapps/docs/src/demos/cn/scroll-shadow/orientation.tsx23 段落 {idx + 1}:Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOWapps/docs/src/demos/cn/scroll-shadow/orientation.tsx23 段落 {idx + 1}:Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOWapps/docs/src/demos/cn/scroll-shadow/default.tsx10 段落 {idx + 1}:Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOWapps/docs/src/demos/cn/scroll-shadow/default.tsx10 段落 {idx + 1}:Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOW…/docs/src/demos/cn/scroll-shadow/visibility-change.tsx47 段落 {idx + 1}:Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOW…/docs/src/demos/cn/scroll-shadow/visibility-change.tsx47 段落 {idx + 1}:Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOW…ps/docs/src/demos/cn/scroll-shadow/hide-scroll-bar.tsx10 段落 {idx + 1}:Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOW…ps/docs/src/demos/cn/scroll-shadow/hide-scroll-bar.tsx10 段落 {idx + 1}:Lorem ipsum dolor sit amet, consectetur adipiscing elit. NullamCODE
LOWapps/docs/src/demos/cn/toast/promise.tsx31 setTimeout(() => resolve({email: "john@example.com", name: "John Doe"}), 2000);CODE
LOWapps/docs/src/demos/cn/textfield/with-error.tsx7 <Input placeholder="user@example.com" />CODE
LOWapps/docs/src/demos/cn/textfield/input-types.tsx18 <Input placeholder="user@example.com" />CODE
LOWapps/docs/src/demos/cn/textfield/required.tsx7 <Input placeholder="John Doe" />CODE
LOWapps/docs/src/demos/cn/fieldset/on-surface.tsx52 <Input placeholder="John Doe" variant="secondary" />CODE
LOWapps/docs/src/demos/cn/fieldset/custom-styles.tsx51 <Input className={field} placeholder="John Doe" />CODE
LOWapps/docs/src/demos/cn/fieldset/basic.tsx49 <Input placeholder="John Doe" />CODE
LOW⚡apps/docs/src/demos/cn/modal/custom-portal.tsx44 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
58 more matches not shown…
Hyper-Verbose Identifiers44 hits · 46 pts
SeverityFileLineSnippetContext
LOW…/components/calendar/calendar-day-view-grid-header.tsx22export function CalendarDayViewGridHeader({CODE
LOW…ts/disclosure-group/use-disclosure-group-navigation.ts20export function useDisclosureGroupNavigation({CODE
LOW…mponents/disclosure-group/disclosure-group.stories.tsx255function SelectedIphoneColorSwatch({color, name}: {color: string; name: string}) {CODE
LOW…mponents/calendar-year-picker/calendar-year-picker.tsx66function useCalendarYearPickerTriggerContext(): CalendarYearPickerTriggerContextValue {CODE
LOW…mponents/calendar-year-picker/calendar-year-picker.tsx258function useCalendarYearPickerGridContext(): CalendarYearPickerGridContextValue {CODE
LOWpackages/react/src/hooks/use-theme.ts15function subscribeSystemPreference(callback: () => void): () => void {CODE
LOWpackages/react/src/hooks/use-theme.ts35function getServerSystemPreference(): undefined {CODE
LOWapps/docs/src/mdx-components.tsx103function ComponentPreviewWithSuspense(props: React.ComponentProps<typeof ComponentPreview>) {CODE
LOW⚡apps/docs/src/proxy.ts70function shouldSkipMarkdownRewrite(pathname: string): boolean {CODE
LOW⚡apps/docs/src/proxy.ts79function shouldPermanentlyRedirect(pathname: string): boolean {CODE
LOW⚡apps/docs/src/proxy.ts85function addHomepageDiscoveryHeaders(response: NextResponse, pathname: string): NextResponse {CODE
LOW…s/src/app/[lang]/themes/utils/generate-theme-colors.ts286export function calculateAccentForeground(lightness: number, chroma: number, hue: number): string {CODE
LOW…s/src/app/[lang]/themes/utils/generate-theme-colors.ts796export function getColorVariablesForElement(CODE
LOW…/src/app/[lang]/themes/utils/generate-css-variables.ts76export function generateMinimalCssVariables(CODE
LOW…s/docs/src/app/[lang]/themes/hooks/use-custom-fonts.ts44function getCustomFontsFromStorage(): CustomFont[] {CODE
LOWapps/docs/src/utils/extract-links.ts99function convertStorybookTitleToPath(title: string): string {CODE
LOW…s/src/showcases/navigation/apple-iphone-disclosure.tsx30function SelectedIphoneColorSwatch({color, name}: {color: string; name: string}) {CODE
LOWapps/docs/src/components/pr-contributors.tsx77function extractContributorsFromCommits(commits: GitHubCommit[]): Map<string, GitHubUser> {CODE
LOW…ps/docs/src/components/component-preview-container.tsx29export function ComponentPreviewContainer({CODE
LOW…cs/src/components/fumadocs/layouts/notebook/client.tsx168export function FilteredSidebarTabsDropdown({CODE
LOWapps/docs/src/lib/llms-platform-handlers.ts84export async function getPlatformLlmsComponentsTxt(platform: Platform) {CODE
LOWapps/docs/src/lib/llms-platform-handlers.ts139export async function getPlatformLlmsPatternsTxt(platform: Platform) {CODE
LOWapps/docs/src/lib/llms-platform-handlers.ts167export function createPlatformRouteHandler(CODE
LOWapps/docs/src/lib/llms-utils.ts142export function generatePlatformIndexHeader(platform: Platform): string[] {CODE
LOWapps/docs/src/lib/native-components-markdown.ts19export function replaceNativeComponentsCategories(CODE
LOWapps/docs/src/lib/json-ld.ts33export function getSoftwareApplicationJsonLd() {CODE
LOW…src/demos/cn/dropdown/single-with-custom-indicator.tsx8export function SingleWithCustomIndicator() {CODE
LOW…rc/demos/cn/dropdown/with-custom-submenu-indicator.tsx6export function WithCustomSubmenuIndicator() {CODE
LOW…src/demos/cn/dropdown/with-section-level-selection.tsx8export function WithSectionLevelSelection() {CODE
LOW…/src/demos/cn/slider/vertical-with-steps-and-marks.tsx3export function VerticalWithStepsAndMarks() {CODE
LOW…os/cn/input-group/with-icon-prefix-and-copy-suffix.tsx6export function WithIconPrefixAndCopySuffix() {CODE
LOW…os/cn/input-group/with-icon-prefix-and-text-suffix.tsx6export function WithIconPrefixAndTextSuffix() {CODE
LOW…mos/cn/range-calendar/allows-non-contiguous-ranges.tsx8export function AllowsNonContiguousRanges() {CODE
LOW…ps/docs/src/demos/cn/color-area/space-and-channels.tsx39export function ColorAreaSpaceAndChannels() {CODE
LOWapps/docs/src/demos/cn/breadcrumbs/custom-separator.tsx5export default function BreadcrumbsCustomSeparator() {CODE
LOW…src/demos/en/dropdown/single-with-custom-indicator.tsx8export function SingleWithCustomIndicator() {CODE
LOW…rc/demos/en/dropdown/with-custom-submenu-indicator.tsx6export function WithCustomSubmenuIndicator() {CODE
LOW…src/demos/en/dropdown/with-section-level-selection.tsx8export function WithSectionLevelSelection() {CODE
LOW…/src/demos/en/slider/vertical-with-steps-and-marks.tsx3export function VerticalWithStepsAndMarks() {CODE
LOW…os/en/input-group/with-icon-prefix-and-copy-suffix.tsx6export function WithIconPrefixAndCopySuffix() {CODE
LOW…os/en/input-group/with-icon-prefix-and-text-suffix.tsx6export function WithIconPrefixAndTextSuffix() {CODE
LOW…mos/en/range-calendar/allows-non-contiguous-ranges.tsx8export function AllowsNonContiguousRanges() {CODE
LOW…ps/docs/src/demos/en/color-area/space-and-channels.tsx39export function ColorAreaSpaceAndChannels() {CODE
LOWapps/docs/src/demos/en/breadcrumbs/custom-separator.tsx5export default function BreadcrumbsCustomSeparator() {CODE
Over-Commented Block4 hits · 4 pts
SeverityFileLineSnippetContext
LOWpackages/react/src/index.ts1// ===================================COMMENT
LOW…mponents/calendar-year-picker/calendar-year-picker.tsx301COMMENT
LOWpackages/react/src/components/fieldset/fieldset.tsx61 {...(props as any)}COMMENT
LOWapps/docs/skills/install.sh1#!/bin/bashCOMMENT
Modern AI Meta-Vocabulary1 hit · 3 pts
SeverityFileLineSnippetContext
MEDIUMAGENTS.md168# From packages/react after scaffoldingCOMMENT