icons

Name: icons
Availability: InStock
Author: ProfPowell

Community

Standardized icons with accessible web components.

Design & Creative #icons #svg #web components #lucide #x-icon

AuthorProfPowell

Version1.0.0

Installs0

System Documentation

What problem does it solve?

Inconsistent icon usage leads to a disjoint UI. This Skill standardizes Lucide-based icons via a local <x-icon> component, ensuring accessibility, consistency, and performance.

Core Features & Use Cases

Single Icon Component: Use <x-icon> for all icons.
Accessibility by Default: Optional label for functional icons.
Asset Organization: Centralized assets/icons with a local cache.

Quick Start

<x-icon name="menu" aria-label="Open menu"></x-icon>

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: icons
Download link: https://github.com/ProfPowell/project-template/archive/main.zip#icons

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

View Source Repository