← HugeiconsCONTENT HISTORY
WHAT CHANGED
Update to Hugeicons
Snapshot Nov 1, 2026 · 07:20 UTC · version 1.0.0
Collection source: downloaded plugin package.
First saved snapshot
No earlier snapshot is available to establish a change.
Save Hugeicons and check future changes in Following.
Up to 10 plugins free · no card required.
Compare saved observations
Download comparison JSONFull technical diff · 0 changed fields
Full snapshot data
{
"description": "Use right after Hugeicons is installed, or when the user asks to set up Hugeicons in a project. Detects the framework, installs the right Hugeicons package and adds one working example icon.",
"included_files": [],
"name": "get-started",
"skill_md_contents": "---\nname: get-started\ndescription: Use right after Hugeicons is installed, or when the user asks to set up Hugeicons in a project. Detects the framework, installs the right Hugeicons package and adds one working example icon.\n---\n\n# Set up Hugeicons\n\nGoal: the user ends with Hugeicons installed and one real icon rendering in their project.\n\n## Steps\n\n1. **Find the framework.** Look at the project files first: `package.json` dependencies (react, vue, @angular/core, svelte, solid-js, react-native), `pubspec.yaml` (Flutter), or plain `.html` files with no build step. Ask only if you can't tell.\n2. **Default to free, don't ask.** Use free Stroke Rounded (`@hugeicons/core-free-icons`) — it is the complete icon set, so nothing is out of reach without a license. Use a Pro style only if the project already imports `@hugeicons-pro/...` or the user asks for one. Don't stop the task to ask about licensing; say which style you used when you report back.\n3. **Get the setup.** Call `get_platform_usage` for the framework. Use its install command and import pattern exactly.\n - Free: the core package plus `@hugeicons/core-free-icons` (Flutter: `flutter pub add hugeicons`; HTML: the stylesheet `https://use.hugeicons.com/font/icons.css`).\n - Pro: the Pro package for the chosen style, for example `@hugeicons-pro/core-solid-rounded`. Pro packages need the license token set up first, so point the user to the Pro setup in the Hugeicons docs at https://hugeicons.com/docs if it is missing.\n4. **Add one example icon.** Use `search_icons` to find a real icon that fits the project (for example `home-01` in the main navigation) and add it. Pass only `icon` — size 24, `currentColor` and stroke width 1.5 are the defaults, so writing them out is noise.\n5. **Confirm.** Run `get_icon_glyphs` on the name you used, then tell the user what you installed, which style you picked and where the example icon is.\n\nAfter setup, follow the `hugeicons` skill for all further icon work — it covers name\nresolution, the props for every framework, one-style consistency and the final name check.\n\nNever draw icons as inline SVG. Icons come from the official package or web font only.\n"
}SHA-256 of public snapshot: 8611461dbc7b9987dbef4f09ddc49c7c836ad32e285d64ca05dbb91d6442ceda