AcademyReglasDesarrollo

React con Chakra UI

Equipos front-end que crean interfaces React con Chakra UI y quieren un estilo de componentes coherente desde su editor con IA.

  • Recomendadonuestra valoración
  • 40.892estrellas del repositorio
  • CC0-1.0licencia
  • hace 4 mesesúltima actualización

Úsalo ahora

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
react-chakra-ui.mdc

Cargando el archivo...

Qué hace

Un archivo de reglas de Cursor para proyectos React que usan Chakra UI. Pide componentes funcionales con hooks, un ChakraProvider en la raíz, un tema personalizado, estilos responsive mediante breakpoints, las funciones de accesibilidad integradas, el modo de color para el modo oscuro y TypeScript para tipar los componentes.

Casos de uso

  1. 01Crear un diseño responsive con componentes de Chakra
  2. 02Definir un tema propio de marca
  3. 03Añadir modo oscuro con el modo de color

Preguntas sobre
React con Chakra UI.

¿Para qué sirve React con Chakra UI?

Equipos front-end que crean interfaces React con Chakra UI y quieren un estilo de componentes coherente desde su editor con IA. Un archivo de reglas de Cursor para proyectos React que usan Chakra UI. Pide componentes funcionales con hooks, un ChakraProvider en la raíz, un tema personalizado, estilos responsive mediante breakpoints, las funciones de accesibilidad integradas, el modo de color para el modo oscuro y TypeScript para tipar los componentes.

¿Cómo instalo React con Chakra UI?

Ejecuta en tu 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

¿React con Chakra UI es de código abierto?

Sí. El código está publicado en GitHub (PatrickJS/awesome-cursorrules) con licencia CC0-1.0.

¿Es seguro usar React con Chakra UI?

Superó nuestro análisis automático de robo de credenciales, instrucciones ocultas y comandos de instalación peligrosos. Software de código abierto de terceros. Sabemos AI no lo mantiene. Revisa el código y los permisos antes de conectarlo a datos de la empresa.