Skills
.Work. You
Rest

trident-icons

Official

Find and use Club Med icons instantly.

Design & Creative#react#catalog#icons#icon#design-system#import#trident-icons
AuthorClubMediterranee
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Find and use icons from the @clubmed/trident-icons library. Use when a user asks which icon to use for a given concept, writes <Icon name= without knowing the right name, mentions "@clubmed/trident-icons", asks "quelle ic么ne pour X", "which icon for Y", "find me an icon", "what icon represents Z", "liste les ic么nes de transport", or needs import code for Trident icons. Also triggers when writing or reviewing a component that should display an icon from the Club Med design system.

Core Features & Use Cases

  • Catalog fetch via WebFetch to obtain icons-metadata.json.
  • Icon search by natural language description with orientation and category hints.
  • Generate type-safe, category-based import code using svg-use imports for React projects.
  • Inclusion guidance with Storybook and live catalog references for quick validation.

Quick Start

Use the trident-icons skill to locate the right icon in the catalog and generate the corresponding import code.

Dependency Matrix

Required Modules

None required

Components

Standard package

馃捇 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: trident-icons
Download link: https://github.com/ClubMediterranee/ai-core/archive/main.zip#trident-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 471,000+ vetted skills library on demand.