Skills
.Work. You
Rest

mozaic-icons

Community

Find and integrate Mozaic Design System icons with ease.

Design & Creative#code generation#search#icons#ui design#mozaic
AuthorMerzoukeMansouri
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill solves the problem of manually searching for and integrating Mozaic Design System icons into Vue or React applications.

Core Features & Use Cases

  • Icon Search: Quick search and integration of icons based on keyword, type, or size.
  • Code Generation: Automatically generate code for Vue or React based on selected icon and size.
  • Preview Icons: View multiple sizes and descriptions for easy selection.
  • SVG Access: Access raw SVG for custom use.
  • Use Case: If you need an icon for a shopping cart in your application, you can use this skill to search for 'cart' icons, preview them, and generate Vue or React code with the proper import statements.

Quick Start

Use the mozaic-icons skill to search for a shopping cart icon and generate Vue code for it.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mozaic-icons
Download link: https://github.com/MerzoukeMansouri/adeo-mozaic-mcp/archive/main.zip#mozaic-icons

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.