mcpField
S
solar-duotone-bold

solar-duotone-bold

github.com/mengtoDesign & UI7.1k1.4k installsUpdated 3d ago
Repository

About solar-duotone-bold

A UI design skill for cohesive icons using Iconify Solar Duotone Bold. It focuses on consistent sizing, deliberate duotone opacity, and clear labels for controls and navigation.

Key features

  1. 01Iconify Solar Duotone Bold defaults
  2. 02Consistent icon sizing
  3. 03Intentional duotone opacity
  4. 04Icons paired with labels
  5. 05Consistent icon family

Use cases

  1. 01Styling navigation controls
  2. 02Building feature-card icon sets
  3. 03Making unfamiliar actions clearer

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/mengto/skills --skill solar-duotone-bold

After installing, type/solar-duotone-boldin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

demo/
index.html
PROMPT.md
source.json

Details

From the project README

Solar Duotone Bold Skill

Use When

  • A UI needs cohesive icons with a richer look than generic outline icons.

Workflow

  1. Use Iconify Solar Duotone Bold as the default icon family.
  2. Keep icon sizes consistent within a component group.
  3. Pair icons with clear labels for navigation, controls, and feature cards.
  4. Use duotone opacity intentionally so secondary fills support the main glyph shape.
  5. Match stroke, fill, and color treatment to the surrounding surface contrast.

Guardrails

  • Do not mix Solar Duotone Bold with unrelated outline icon families in the same control set.
  • Do not rely on icons alone for unfamiliar actions.

Comments

Markdown supported