词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

Codex Flutter Hugeicons Size and Theme Inheritance

Use Localmind's Hugeicons pattern to render Flutter icons with a theme color, explicit size and optional stroke width.

中文

Install in Codex

Open a Flutter project in Codex with Hugeicons installed and the relevant IconTheme available.

  1. Review `.agents/skills/hugeicons-usage/SKILL.md` and its requirements at the pinned GitHub commit.
  2. Create `.agents/skills/hugeicons-usage/` in your project and save the reviewed file as `.agents/skills/hugeicons-usage/SKILL.md`.
  3. Start Codex from that project's root, then type `$hugeicons-usage` and select the matching skill.

Example task

Plan the component settings for a user icon on a settings screen.
{"symbol":"HugeIcons.strokeRoundedUser","widget":"HugeIcon","size":28,"themeColor":"blue","colorOverride":false}

What to check

Render `HugeIcons.strokeRoundedUser` with `HugeIcon`, set `size=28`, and inherit blue from the parent `IconTheme`.

Original SKILL.md on GitHub · Updated

Frequently asked question

Why does passing a HugeIcons constant to Flutter Icon fail type checking?

The constants carry path data, which has a different type from IconData. Pass HugeIcons constants to HugeIcon.