AutoGineer
Generated banner for Solar Duotone Bold
Generated logo for Solar Duotone Bold

Solar Duotone Bold

Meng ToCommunityCreated by Meng To

  • Skill
  • Guidelines
  • Design and creative
  • MIT
  • Medium risk
Download ZIP

From the author

Use Iconify Solar Duotone Bold icon style.
— the description by Meng To

AutoGineer summary

Written by AutoGineer from the skill’s own files, not by the author

This skill provides a structured approach to using the Solar Duotone Bold icon family from Iconify. It focuses on maintaining visual consistency, proper pairing with labels, and intentional use of duotone opacity to enhance UI clarity and aesthetic cohesion.

What it does

  • Establishes Solar Duotone Bold as the primary icon set for UI components.
  • Provides rules for consistent icon sizing within groups.
  • Guides the pairing of icons with text labels for improved accessibility.
  • Defines best practices for managing duotone opacity and fill effects.
  • Ensures icon styling aligns with surface contrast requirements.

When to use it

  • When designing UI components that require a richer, more modern icon aesthetic.
  • When building navigation menus, feature cards, or control panels.
  • When you need to ensure visual consistency across a design system.

Advantages

  • Promotes a cohesive and professional visual language.
  • Prevents visual clutter by discouraging the mixing of disparate icon styles.
  • Improves user comprehension by emphasizing the need for text labels alongside icons.

Usage examples

“How should I style the icons in my new navigation bar?”
The agent will recommend using the Solar Duotone Bold set, ensuring consistent sizing and pairing each icon with a clear text label.
“Can I mix these icons with my existing outline icon set?”
The agent will advise against mixing styles to maintain visual integrity and suggest standardizing on the Solar Duotone Bold family.

Install

  1. Download the skill as a ZIP:

    https://autogineer.com/agent-skills/mengto/solar-duotone-bold/download

  2. Unzip it into the cross-client skills folder of your project:

    mkdir -p .agents/skills && unzip solar-duotone-bold.zip -d .agents/skills

Documentation by Meng To

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.

Files

demo/source.json

{
  "version": 1,
  "provider": "Neuform",
  "synced_at": "2026-07-18T06:41:05.739Z",
  "skill": {
    "id": "solar-duotone-bold",
    "label": "Solar Duotone Bold",
    "usage_count": 280,
    "url": "https://neuform.ai/skill/solar-duotone-bold"
  },
  "ranking": {
    "position": 1,
    "order": [
      "view_count desc",
      "community_favorite_count desc",
      "relation_created_at desc"
    ],
    "visible_design_count": 1
  },
  "design": {
    "id": "4dcea4c1-8ffe-40da-92de-85dc3b11c6e6",
    "slug": "squish-turn-your-ideas-into-stunning-visuals",
    "title": "Squish — Turn Your Ideas Into Stunning Visuals",
    "url": "https://neuform.ai/pages/squish-turn-your-ideas-into-stunning-visuals/index.html",
    "view_count": 351,
    "favorite_count": 14,
    "remix_count": 1
  },
  "html": {
    "original_sha256": "b135590e01cd1404f3db7f5ffb50fd59a58ace389dcf61284288e5ddecb2c878",
    "bundled_sha256": "6e64593f3f24b4210835e0a4e74652adada28f9cf48cd7f56daaca54b883d92b",
    "runtime_dependencies": [
      "https://fonts.googleapis.com",
      "https://fonts.googleapis.com/css2?family=Newsreader:wght@400;500&family=Inter:wght@300;400;500;600&family=Pacifico&display=swap"
    ],
    "hardened_sha256": "3fbd0a0d7461e528123c14a7acafae53e80ce0f43cf057b6a60a4e40deb1e976",
    "sandboxed_sha256": "7abbd51e4c973de2df8ce06f7b1f24f9c20cbfc4cabb0438b88e80177d26f50e",
    "security_profile": "sandboxed-srcdoc-v1"
  },
  "assets": {
    "preview": "assets/source-preview.jpg",
    "bundled": [
      {
        "bytes": 298959,
        "file": "assets/page-01-2f563338-39fa-47ea-9761-658d4f3f84db-1600w.jpg",
        "original_url": "https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/2f563338-39fa-47ea-9761-658d4f3f84db_1600w.jpg"
      },
      {
        "bytes": 217369,
        "file": "assets/page-02-4f5668c5-fc4a-44e0-bc5e-a664189d3c31-1600w.jpg",
        "original_url": "https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/4f5668c5-fc4a-44e0-bc5e-a664189d3c31_1600w.jpg"
      },
      {
        "bytes": 362749,
        "file": "assets/page-03-77415a2e-dcbc-4748-a29d-fced4821881a-1600w.jpg",
        "original_url": "https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/77415a2e-dcbc-4748-a29d-fced4821881a_1600w.jpg"
      },
      {
        "bytes": 214106,
        "file": "assets/page-04-c92852bb-a510-405a-85ab-ffa0fde136a4-1600w.jpg",
        "original_url": "https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/c92852bb-a510-405a-85ab-ffa0fde136a4_1600w.jpg"
      },
      {
        "bytes": 407279,
        "file": "../../../../assets/runtime/runtime-ccc8894b3418-runtime.js",
        "original_url": "https://cdn.tailwindcss.com/",
        "kind": "runtime-script",
        "sha256": "176e894661aa9cdc9a5cba6c720044cbbf7b8bd80d1c9a142a7c24b1b6c50d15"
      },
      {
        "bytes": 22003,
        "file": "../../../../assets/runtime/runtime-163ebd087cfc-iconify-icon-min.js",
        "original_url": "https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js",
        "kind": "runtime-script",
        "sha256": "851bed7af266f96a0be3edf9918daab48d8da4ce17c46040511bae450caf3dd6"
      }
    ],
    "skipped": []
  }
}

Requirements and compatibility

Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta

“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.

Security

What our scanner noticed· Medium risk

  • Large base64-encoded blobs

A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.

Attribution and licence

Created by
Meng To
Publisher
Meng To (Community)
Source
MengTo/Skills · agent-skills/web-design/solar-duotone-bold · commit 5ea1661
Licence
MIT License (redistribution allowed)
  • LICENSE (added by AutoGineer from LICENSE)
  • ATTRIBUTION.md (written by AutoGineer)
Synced

AutoGineer is not affiliated with or endorsed by Meng To or Meng To.

Download ZIP

The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download solar-duotone-bold.zip