Front-end teams building React interfaces with Chakra UI who want a consistent component style from their AI editor.
mkdir -p .cursor/rules && curl -fsSL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/react-chakra-ui-cursorrules-prompt-file.mdc -o .cursor/rules/react-chakra-ui.mdcThird party software. By copying, downloading or installing it you accept the Academy legal notice: you are responsible for reviewing its code and permissions before use.
Loading the file...
A Cursor rules file for React projects that use Chakra UI. It asks for functional components with hooks, a ChakraProvider at the root, a custom theme, responsive styles through breakpoints, built-in accessibility features, color mode for dark mode, and TypeScript for typed components.
Front-end teams building React interfaces with Chakra UI who want a consistent component style from their AI editor. A Cursor rules file for React projects that use Chakra UI. It asks for functional components with hooks, a ChakraProvider at the root, a custom theme, responsive styles through breakpoints, built-in accessibility features, color mode for dark mode, and TypeScript for typed components.
Run this in your terminal: mkdir -p .cursor/rules && curl -fsSL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/react-chakra-ui-cursorrules-prompt-file.mdc -o .cursor/rules/react-chakra-ui.mdc
Yes. The code is on GitHub (PatrickJS/awesome-cursorrules) under the CC0-1.0 licence.
It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.