{"slug":"cronocode-react-box","title":"cronocode-react-box","description":"Expert guidance for @cronocode/react-box — a React runtime CSS-in-JS library where the Box component accepts ~144 CSS props and generates CSS classes at runtime. Prevents common AI mistakes: inline styles, wrong tag usage, incorrect numeric formatters (fontSize divider 16, spacing divider 4, border direct px). Covers all component shortcuts, Dropdown compound pattern, Select data-driven pattern, DataGrid with filtering/sorting/pagination, theme system with localStorage persistence, Box.extend() for custom props, and Box.components() for style customization with variants.","developer":null,"category":null,"reported_installs":null,"active":true,"first_seen_at":"2026-10-03T22:13:33.942Z","last_seen_at":"2026-10-08T12:02:30.779Z","last_changed_at":"2026-10-03T22:13:33.942Z","platform":"claude","sources":["Community"],"works_with":["Claude Code"],"marketplace_url":null,"repository_url":"https://github.com/cronocodesolutions/react-box-skill.git","web_data":{},"github_data":{},"catalog_sources":{"community":[{"name":"cronocode-react-box","source":{"sha":"ad67988f2735bcc08639c165180927535c150ab5","url":"https://github.com/cronocodesolutions/react-box-skill.git","source":"url"},"homepage":"https://box.cronocode.com/","description":"Expert guidance for @cronocode/react-box — a React runtime CSS-in-JS library where the Box component accepts ~144 CSS props and generates CSS classes at runtime. Prevents common AI mistakes: inline styles, wrong tag usage, incorrect numeric formatters (fontSize divider 16, spacing divider 4, border direct px). Covers all component shortcuts, Dropdown compound pattern, Select data-driven pattern, DataGrid with filtering/sorting/pagination, theme system with localStorage persistence, Box.extend() for custom props, and Box.components() for style customization with variants."}]}}