hugeicons-free-package-usage
Hugeicons Free Package Usage
Use this skill when the task is about Hugeicons' public npm packages rather than Pro/private-registry setup.
Scope
- public Hugeicons package setup for React, React Native, Vue, Angular, and Svelte
@hugeicons/core-free-iconsinstallation and named imports- wrapper component usage:
HugeiconsIconorHugeiconsIconComponent - common wrapper props:
icon,altIcon,showAlt,size,color,strokeWidth - accessibility, tree-shaking, and app-level icon wrapper patterns
Routing cues
- free Hugeicons,
@hugeicons/core-free-icons,@hugeicons/react,@hugeicons/vue,@hugeicons/angular,@hugeicons/svelte,@hugeicons/react-native,HugeiconsIcon, icon wrapper props, free icon setup, icon-only buttons, tree-shaking -> use this skill - private registry,
.npmrc,.yarnrc.yml,bunfig.toml, license key,@hugeicons-pro/core-*, CI auth, 404 from npm registry -> usehugeicons-pro-package-usage
Workflow
More from dobroslavradosavljevic/skills
base-ui-typescript-surface
Use for Base UI namespace contracts, change event types, generic render types, and wrapper typing patterns.
4base-ui-basic-primitives
Use for simple primitives with low integration complexity (Avatar, Button, Meter, Progress, Scroll Area, Separator).
4base-ui-root-providers
Use for CSP Provider, Direction Provider, and useDirection when wiring Base UI at the app root or across portals.
4base-ui-menus-navigation-and-toast
Use for Menu, Context Menu, Menubar, Navigation Menu, Toolbar, Toast, and shared command-surface patterns such as detached triggers and menu payloads.
4base-ui-forms-and-validation
Use for Base UI Field/Form primitives, validation flows, form controls, and advanced Number Field, Slider, and RadioGroup behavior.
4base-ui-disclosure-and-tabs
Use for stateful visibility components (Accordion, Collapsible) and tab navigation semantics.
4