{"id":75141,"plugin_id":"plugin_asdk_app_6ad5b14dddbc8191813fa7b1e243f5aa","kind":"skill","collection_source":"plugin_package","comparison_source":null,"observed_at":"2026-11-01T07:20:15.104Z","digest":"8611461dbc7b9987dbef4f09ddc49c7c836ad32e285d64ca05dbb91d6442ceda","against":null,"payload":{"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"},"changes":[],"summary":"First saved snapshot. No earlier version is available for comparison.","summary_kind":"deterministic","summary_metadata":{}}