Profile My skills Saved My plugins Edit profile Submit a skill

Mui Expert

Comprehensive Material UI (MUI) expert plugin — 26 skills, 14 commands, 7 agents covering theming, CSS variables, Pigment CSS, components, sx/styled, slots API, MUI X (DataGrid, DatePickers, Charts, TreeView), accessibility, performance, SSR/Next.js, animations, virtualization, forms, white-label/multi-tenant, headless (MUI Base), Joy UI, i18n/RTL, testing, migration, entity-driven CRUD, ecosystem

by @thelobbi 26 skills

Skills in this plugin

26
  1. ▌
    Charts · thelobbi
    MUI X Charts — BarChart, LineChart, PieChart, ScatterChart, composition API, custom axes, tooltips, and responsive patterns
    0 installs
  2. ▌
    Joy UI · thelobbi
    Joy UI — MUI's alternative design system with CSS variables, modern aesthetics, and simpler API
    0 installs
  3. ▌
    Mui Theming · thelobbi
    MUI theming system — createTheme, palette, typography, dark mode, component overrides, TypeScript augmentation, and design tokens
    0 installs
  4. ▌
    I18N Rtl · thelobbi
    MUI internationalization, RTL support, locale customization, and bidirectional text
    0 installs
  5. ▌
    Data Grid · thelobbi
    MUI X DataGrid configuration, server-side integration, and optimization
    0 installs
  6. ▌
    Migration · thelobbi
    MUI version migration guides — v4→v5 and v5→v6 with codemods and patterns
    0 installs
  7. ▌
    Slots API · thelobbi
    MUI slots and slotProps API for deep component customization — replacing internal elements, custom renderers, and composition patterns
    0 installs
  8. ▌
    Sx Styled · thelobbi
    MUI sx prop and styled() API for component styling
    0 installs
  9. ▌
    Tree View · thelobbi
    MUI X Tree View — SimpleTreeView, RichTreeView, lazy loading, custom icons, multiselect, drag-and-drop, and virtualization
    0 installs
  10. ▌
    Components · thelobbi
    MUI core component patterns and best practices
    0 installs
  11. ▌
    Ssr Nextjs · thelobbi
    MUI server-side rendering with Next.js — App Router, Pages Router, RSC compatibility, Emotion cache, and Pigment CSS
    0 installs
  12. ▌
    Performance · thelobbi
    MUI performance optimization — tree-shaking, bundle size, rendering, SSR
    0 installs
  13. ▌
    White Label · thelobbi
    MUI multi-theme and white-label systems — nested ThemeProvider, dynamic theme switching, tenant-specific branding, and theme composition
    0 installs
  14. ▌
    Date Pickers · thelobbi
    MUI X Date/Time Pickers setup, configuration, and form integration
    0 installs
  15. ▌
    Accessibility · thelobbi
    MUI accessibility patterns, ARIA attributes, and WCAG compliance
    0 installs
  16. ▌
    Base Headless · thelobbi
    MUI Base (unstyled/headless) components and hooks — useButton, useInput, useMenu, useSlider for building custom UI
    0 installs
  17. ▌
    Virtualization · thelobbi
    MUI list virtualization with react-window, react-virtuoso, virtualized Autocomplete, and large dataset rendering patterns
    0 installs
  18. ▌
    Advanced Widgets · thelobbi
    Top 0.01% MUI patterns — sparkline grid cells, heatmap DataGrids, real-time WebSocket grids, AI assistant, save/restore grid state, bi-directional chart+grid, pivot tables, clipboard paste, progress cells
    0 installs
  19. ▌
    Entity Driven UI · thelobbi
    Metadata-driven CRUD with MUI X DataGrid + FormEngine — entity metadata model, server-driven UI, column/form generation, shared validation, access control, wizard flows
    0 installs
  20. ▌
    Forms Validation · thelobbi
    MUI form patterns with validation and library integration
    0 installs
  21. ▌
    Layout Responsive · thelobbi
    MUI layout components and responsive design patterns
    0 installs
  22. ▌
    Advanced Components · thelobbi
    Advanced MUI component patterns — Autocomplete (async, virtualized, grouped, createFilterOptions), Stepper (non-linear, vertical, mobile), Popover, Popper, Portal, ClickAwayListener, and complex composition
    0 installs
  23. ▌
    CSS Variables Pigment · thelobbi
    MUI CSS Variables mode (CssVarsProvider), Pigment CSS zero-runtime engine, and CSS custom properties theming
    0 installs
  24. ▌
    Animations Transitions · thelobbi
    MUI transition components (Fade, Grow, Slide, Collapse, Zoom), custom transitions, TransitionGroup, and Framer Motion integration
    0 installs
  25. ▌
    Ecosystem Integrations · thelobbi
    MUI ecosystem — FormEngine, react-jsonschema-form, Uniforms, schema-driven forms, Tailwind interop, Framer Motion, and third-party component libraries
    0 installs
  26. ▌
    Project Management Integrations · thelobbi
    Gantt charts, Kanban boards, scheduling, and resource management libraries that integrate with MUI — SVAR, DHTMLX, Bryntum, Syncfusion, FullCalendar, dnd-kit, and architecture patterns
    0 installs