Repository Analysis

chakra-ui/chakra-ui

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

1.5 Likely human-written View on GitHub
1.5
Adjusted Score
1.5
Raw Score
100%
Time Factor
2026-05-28
Last Push
40,419
Stars
TypeScript
Language
277,213
Lines of Code
3187
Files
327
Pattern Hits
2026-05-31
Scan Date

Score History

Severity Breakdown

CRITICAL 1HIGH 6MEDIUM 3LOW 317

Pattern Findings

327 matches across 9 categories. Click a row to expand file-level details.

Fake / Example Data286 hits · 313 pts
SeverityFileLineSnippet
LOWsandbox/shadow-dom/src/App.tsx28 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
LOWsandbox/shadow-dom/src/App.tsx28 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
LOWpackages/codemod/docs/LIST_MIGRATION.md44 <ListItem>Lorem ipsum dolor sit amet</ListItem>
LOWpackages/codemod/docs/LIST_MIGRATION.md44 <ListItem>Lorem ipsum dolor sit amet</ListItem>
LOWpackages/codemod/docs/LIST_MIGRATION.md55 <List.Item>Lorem ipsum dolor sit amet</List.Item>
LOWpackages/codemod/docs/LIST_MIGRATION.md55 <List.Item>Lorem ipsum dolor sit amet</List.Item>
LOWpackages/codemod/docs/LIST_MIGRATION.md68 <ListItem>Lorem ipsum dolor sit amet</ListItem>
LOWpackages/codemod/docs/LIST_MIGRATION.md68 <ListItem>Lorem ipsum dolor sit amet</ListItem>
LOWpackages/codemod/docs/LIST_MIGRATION.md79 <List.Item>Lorem ipsum dolor sit amet</List.Item>
LOWpackages/codemod/docs/LIST_MIGRATION.md79 <List.Item>Lorem ipsum dolor sit amet</List.Item>
LOWpackages/codemod/docs/LIST_MIGRATION.md119 Lorem ipsum dolor sit amet
LOWpackages/codemod/docs/LIST_MIGRATION.md119 Lorem ipsum dolor sit amet
LOWpackages/codemod/docs/LIST_MIGRATION.md137 Lorem ipsum dolor sit amet
LOWpackages/codemod/docs/LIST_MIGRATION.md137 Lorem ipsum dolor sit amet
LOWpackages/codemod/docs/LIST_MIGRATION.md154 <ListItem>Lorem ipsum dolor sit amet</ListItem>
LOWpackages/codemod/docs/LIST_MIGRATION.md154 <ListItem>Lorem ipsum dolor sit amet</ListItem>
LOWpackages/codemod/docs/LIST_MIGRATION.md165 <List.Item>Lorem ipsum dolor sit amet</List.Item>
LOWpackages/codemod/docs/LIST_MIGRATION.md165 <List.Item>Lorem ipsum dolor sit amet</List.Item>
LOWpackages/codemod/docs/LIST_MIGRATION.md178 <ListItem>Lorem ipsum dolor sit amet</ListItem>
LOWpackages/codemod/docs/LIST_MIGRATION.md178 <ListItem>Lorem ipsum dolor sit amet</ListItem>
LOWpackages/codemod/docs/LIST_MIGRATION.md189 <List.Item>Lorem ipsum dolor sit amet</List.Item>
LOWpackages/codemod/docs/LIST_MIGRATION.md189 <List.Item>Lorem ipsum dolor sit amet</List.Item>
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md45 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md45 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md59 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md59 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md86 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md86 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md102 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md102 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md138 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md138 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md158 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md158 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md186 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md186 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md211 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md211 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md237 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md237 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md254 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/ACCORDION_MIGRATION.md254 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
LOWpackages/codemod/docs/FORM_CONTROL_MIGRATION.md258 <Input type="email" value="user@example.com" />
LOWpackages/codemod/docs/FORM_CONTROL_MIGRATION.md269 <Input type="email" value="user@example.com" />
LOWpackages/codemod/__tests__/list.test.ts14 <ListItem>Lorem ipsum dolor sit amet</ListItem>
LOWpackages/codemod/__tests__/list.test.ts14 <ListItem>Lorem ipsum dolor sit amet</ListItem>
LOWpackages/codemod/__tests__/list.test.ts28 <List.Item>Lorem ipsum dolor sit amet</List.Item>
LOWpackages/codemod/__tests__/list.test.ts28 <List.Item>Lorem ipsum dolor sit amet</List.Item>
LOWpackages/codemod/__tests__/list.test.ts44 <ListItem>Lorem ipsum dolor sit amet</ListItem>
LOWpackages/codemod/__tests__/list.test.ts44 <ListItem>Lorem ipsum dolor sit amet</ListItem>
LOWpackages/codemod/__tests__/list.test.ts58 <List.Item>Lorem ipsum dolor sit amet</List.Item>
LOWpackages/codemod/__tests__/list.test.ts58 <List.Item>Lorem ipsum dolor sit amet</List.Item>
LOWpackages/codemod/__tests__/list.test.ts107 Lorem ipsum dolor sit amet
LOWpackages/codemod/__tests__/list.test.ts107 Lorem ipsum dolor sit amet
LOWpackages/codemod/__tests__/list.test.ts124 Lorem ipsum dolor sit amet
LOWpackages/codemod/__tests__/list.test.ts124 Lorem ipsum dolor sit amet
LOWpackages/codemod/__tests__/list.test.ts172 <ListItem>Lorem ipsum dolor sit amet</ListItem>
LOWpackages/codemod/__tests__/list.test.ts172 <ListItem>Lorem ipsum dolor sit amet</ListItem>
LOWpackages/codemod/__tests__/list.test.ts186 <List.Item>Lorem ipsum dolor sit amet</List.Item>
LOWpackages/codemod/__tests__/list.test.ts186 <List.Item>Lorem ipsum dolor sit amet</List.Item>
226 more matches not shown…
Cross-Language Confusion (JS/TS)4 hits · 30 pts
SeverityFileLineSnippet
HIGH…ons/src/examples/code-block-with-language-switcher.tsx116print(f"Repository: {repo.name}")
HIGH…ons/src/examples/code-block-with-language-switcher.tsx117print(f"Description: {repo.description}")
HIGH…ons/src/examples/code-block-with-language-switcher.tsx118print(f"Stars: {repo.stargazers_count}")
HIGH…ons/src/examples/code-block-with-language-switcher.tsx123 print(f"Issue #{issue.number}: {issue.title}")
Hyper-Verbose Identifiers24 hits · 24 pts
SeverityFileLineSnippet
LOWpackages/cli/src/commands/eject.ts199function generateSlotRecipeArtifacts(
LOWpackages/cli/src/commands/eject.ts269function generateSemanticTokenArtifacts(
LOWpackages/react/scripts/typedocs.ts42async function extractPropertiesOfTypeName(
LOWpackages/react/src/styled-system/resolve-token-value.ts19export function resolveSemanticConditionValues(
LOWpackages/react/src/styled-system/token-dictionary.ts547function replaceRootWithColorPalette(path: string[], roots: string[]) {
LOWpackages/react/src/styled-system/display-name.ts7export function getElementTypeDisplayName(
LOWpackages/react/src/styled-system/display-name.ts23export function inferSlotRecipeComponentDisplayName(
LOWpackages/react/src/styled-system/display-name.ts31export function inferRootProviderDisplayName(
LOWpackages/codemod/src/transforms/props/as-props.ts721function updateTypeScriptSignatures(j: any, root: any): void {
LOWpackages/codemod/src/transforms/props/as-props.ts732function updateObjectDestructuring(j: any, root: any): void {
LOWpackages/codemod/src/transforms/props/as-props.ts755function updateElementTypeDestructuring(
LOWpackages/codemod/src/transforms/components/popover.ts270function transformPopoverWithRenderProp(
LOW…kages/codemod/src/transforms/components/transitions.ts105function createAnimationNameObject(
LOW…kages/codemod/src/transforms/components/transitions.ts218function transformScaleFadeToPresence(j: any, path: any) {
LOW…kages/codemod/src/transforms/components/transitions.ts336function transformSlideFadeToPresence(j: any, path: any) {
LOW…kages/codemod/src/transforms/components/transitions.ts383function updateImportsForTransitions(
LOWapps/compositions/src/ui/rich-text-editor.tsx257>(function RichTextEditorButtonGroup(props, ref) {
LOWapps/compositions/src/ui/color-picker.tsx192>(function ColorPickerChannelSliders(props, ref) {
LOWapps/www/utils/extract-types.ts27async function extractPropertiesOfTypeName(
LOWapps/www/public/compositions/rich-text-editor.json13 "content": "\"use client\"\n\nimport type { BoxProps, StackProps, SystemStyleObject } from \"@chakra-ui/react\"\nimp
LOWapps/www/public/compositions/color-picker.json10 "content": "import type { IconButtonProps, StackProps } from \"@chakra-ui/react\"\nimport {\n ColorPicker as Chakra
LOWapps/www/public/r/examples/rich-text-editor.json4 "snippet": "\"use client\"\n\nimport type { BoxProps, StackProps, SystemStyleObject } from \"@chakra-ui/react\"\nimpor
LOWapps/www/public/r/examples/color-picker.json4 "snippet": "import type { IconButtonProps, StackProps } from \"@chakra-ui/react\"\nimport {\n ColorPicker as ChakraCo
LOWapps/www/lib/shiki-highlight-word.ts33export function transformerMetaWordHighlight(
Magic Placeholder Names2 hits · 12 pts
SeverityFileLineSnippet
HIGHapps/mcp/README.md39 "CHAKRA_PRO_API_KEY": "your-api-key-here"
HIGHapps/mcp/README.md58# CHAKRA_PRO_API_KEY = "your-api-key-here"
Hallucination Indicators1 hit · 10 pts
SeverityFileLineSnippet
CRITICALapps/www/lib/get-sponsors.ts96 const activeMembers = result.data.collective.members.nodes.filter(
Self-Referential Comments3 hits · 8 pts
SeverityFileLineSnippet
MEDIUM…ons/src/examples/code-block-with-language-switcher.tsx109# Create a Github instance using an access token
MEDIUMapps/www/public/r/examples/code.json118 "content": "\"use client\"\nexport const CodeBlockWithLanguageSwitcher = () => {\n const select = useSelect({\n
MEDIUMapps/www/public/r/examples/code-block.json109 "content": "\"use client\"\nexport const CodeBlockWithLanguageSwitcher = () => {\n const select = useSelect({\n
Verbosity Indicators3 hits · 4 pts
SeverityFileLineSnippet
LOWpackages/codemod/src/transforms/components/icons.ts96 // Step 1: Find all imports from @chakra-ui/icons
LOWpackages/codemod/src/transforms/components/icons.ts111 // Step 2: Transform JSX elements for each icon
LOWpackages/codemod/src/transforms/components/icons.ts128 // Step 3: Update imports
Over-Commented Block3 hits · 3 pts
SeverityFileLineSnippet
LOWsandbox/next-app/next-env.d.ts1/// <reference types="next" />
LOWsandbox/next-pages/next-env.d.ts1/// <reference types="next" />
LOWpackages/react/src/styled-system/expand-reference.ts101 }
Overly Generic Function Names1 hit · 1 pts
SeverityFileLineSnippet
LOWsandbox/react-router/app/entry.server.tsx13export default function handleRequest(