Skill Store 33

Emotion Migrate

Migrate Emotion styled-components to Mantine components with style props and CSS modules.

by metabase

The skill

Migrate Emotion styled-components to Mantine components with style props and CSS modules. Use when converting .styled.tsx files or removing @emotion imports from components.

This skill's licence does not allow redistribution, so the store does not show its text. Read it at the source.

Use this skill

Connect your agent to the Skill Store MCP server and ask for it by ref: metabase/emotion-migrate-31753379763.

Markdown version

Details

Publisher
metabase
Category
Software Development › Frontend & UI
Updated
2026-10-19

References

More from metabase

  • Add Malli Schemas Efficiently add Malli schemas to API endpoints in the Metabase codebase with proper patterns, val…
  • Add Tracing Add OpenTelemetry tracing spans to Clojure code following Metabase tracing conventions.
  • Analytics Events Add product analytics events to track user interactions in the Metabase frontend
  • Api Changelog Draft or audit the REST API changelog (docs/developers-guide/api-changelog.md) by semantically di…

Related skills

  • Mantine Dev Mantine UI library for React: 100+ components, hooks, forms, theming, dark mode, CSS modules, and…
  • Mantine Custom Components Build custom components that integrate with Mantine's theming, Styles API, and core features.
  • Ssr Nextjs MUI server-side rendering with Next.js — App Router, Pages Router, RSC compatibility, Emotion cac…
  • Material Ui Nextjs Integrates Material UI with Next.js App and Pages routers using @mui/material-nextjs, Emotion cac…
  • Converting Css Modules To Tailwind Migrate CSS Modules (.module.css/.module.scss) to Tailwind utility classes.