MerzoukeMansouri/adeo-mozaic-mcp

MerzoukeMansouri/adeo-mozaic-mcp

Skill Claude Code

Mozaic CSS utility classes and layout systems expert. Master Flexy grid, Container, Margin, Padding, Ratio, and Scroll utilities for responsive layouts without writing custom CSS.

MerzoukeMansouri/adeo-mozaic-mcp

Skill Claude Code

Mozaic Design System tokens and styling expert. Access design tokens (colors, typography, spacing, shadows, borders, breakpoints, grid) in multiple formats (JSON, SCSS, CSS, JS) and search documentation for styling guidance.

MerzoukeMansouri/adeo-mozaic-mcp

Skill Claude Code

Interactive Freemarker macro generator for Mozaic Design System. Discover, configure, and generate production-ready Freemarker (.ftl) template code with proper imports. Use when working with Freemarker templates or Mozaic macros.

MerzoukeMansouri/adeo-mozaic-mcp

Skill Claude Code

Mozaic icon search and integration for Vue & React. Search icons by name or type, view multiple sizes (16, 24, 32, 48, 64), and generate framework-specific code with proper imports.

MerzoukeMansouri/adeo-mozaic-mcp

Skill Claude Code

Interactive React/TSX component generator with Mozaic Design System. Helps discover, configure, and generate production-ready React components with TypeScript support, proper imports, and installation guidance.

MerzoukeMansouri/adeo-mozaic-mcp

Skill Claude Code

Mozaic composed-pattern catalog — real UI screens/layouts (master-detail, data-table, search-filter, modal-confirm, etc.) captured from live ADEO apps, each with a screenshot and description. Framework-agnostic reference to check before building a screen, so it comes out Mozaic-compliant.

MerzoukeMansouri/adeo-mozaic-mcp

Skill Claude Code

Interactive Vue 3 component generator with Mozaic Design System. Helps discover, configure, and generate production-ready Vue components with proper imports and installation guidance.

MerzoukeMansouri/adeo-mozaic-mcp

Skill Claude Code

Interactive Web Components generator with Mozaic Design System. Helps discover, configure, and generate production-ready native web components with proper imports and usage patterns.