Hub rules-chakra-ui

rules-chakra-ui

v2 public Verified

Chakra UI

Chakra UI is a simple, modular, and accessible component library for React. These rules govern theme customization, component usage, and accessibility for AI-assisted Chakra UI development.

@sigmashakeinc 2 pulls 6 rules published Apr 8, 2026 synced Oct 4, 2026 sigmashakeinc/rules/rulesets/rules-chakra-ui →
Severity
4 error 2 warn 0 info
demo.cast
Chakra UI is a simple, modular, and accessible component library for React. These rules govern theme customization, component usage, and accessibility for AI-assisted Chakra UI development.

Rules index

6 governance rules

Indexed from the repository's .rules files, grouped by technology. Expand any rule to read the raw source.

chakra-ui

chakra-ui-avoid-deprecated-toast-api warning log

Deprecated Chakra UI toast API detected. 'createStandaloneToast' is deprecated in Chakra UI v2+. Please use the 'useToast' hook for managing toasts within React components for better integration with the component lifecycle, theme, and improved accessibility.

Rule source requires an active Pro or Enterprise subscription.
chakra-ui-avoid-direct-dom-manipulation warning log

Direct DOM manipulation (e.g., 'document.body.style', 'element.style.setProperty') detected. In Chakra UI, prefer using the 'sx' prop, theme tokens, or dedicated Chakra components for styling and layout. Direct DOM manipulation can bypass Chakra's styling system, lead to inconsistent UI, break responsiveness, and potentially introduce security vulnerabilities if not carefully managed.

Rule source requires an active Pro or Enterprise subscription.
chakra-ui-external-link-noopener-noreferrer error block

External link in Chakra UI 'Link' component found with 'target="_blank"' but without 'rel="noopener noreferrer"'. This can expose users to 'tabnabbing' phishing attacks where the newly opened page can manipulate the original page. Always include 'rel="noopener noreferrer"' for external links opened in a new tab to prevent this security risk.

Rule source requires an active Pro or Enterprise subscription.
chakra-ui-iconbutton-missing-aria-label error block

Chakra UI 'IconButton' component detected without an 'aria-label' attribute. Interactive components like IconButton must have an accessible name for screen readers to understand their purpose. Provide a descriptive 'aria-label' to ensure accessibility and compliance.

Rule source requires an active Pro or Enterprise subscription.
chakra-ui-image-missing-alt-attribute error block

Chakra UI 'Image' component detected without an 'alt' attribute. This is a critical accessibility violation, making images inaccessible to screen readers and impacting SEO. Always provide a descriptive 'alt' text for images, or an empty string (alt="") for purely decorative images.

Rule source requires an active Pro or Enterprise subscription.
chakra-ui-no-dangerously-set-inner-html error block

Potential Cross-Site Scripting (XSS) vulnerability detected. Using 'dangerouslySetInnerHTML' without proper sanitization of user-provided content can lead to arbitrary code execution in the user's browser. Always sanitize untrusted HTML using a library like DOMPurify before injecting it. Consider if a Chakra UI component can achieve the desired effect safely without direct HTML injection.

Rule source requires an active Pro or Enterprise subscription.

Version metadata

Published metadata

The hash-locked record of this published ruleset. When source contents change, the maintainer resyncs and the version bumps.

Version
v2
Published
Apr 8, 2026
Source commits
0
Synced
Oct 4, 2026
Hash
05180d504f8b93c02c4ffd061b8bd61ef74b139f3dcc7ec9a9c7d68ce9df1119
Signature
Verified (publisher key)
Tested with
claude-code@current
Plan
Starter (free)
Visibility
Public

Source history

Recent commits

Latest commits touching rulesets/rules-chakra-ui/.sigmashake/rules in sigmashakeinc/rules/rulesets/rules-chakra-ui. The published version only bumps when a maintainer resyncs.

No commit history available.