Solar Duotone Bold
Meng ToCommunityCreated by Meng To
- Skill
- Guidelines
- Design and creative
- MIT
- Medium risk
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
Download the skill as a ZIP:
https://autogineer.com/agent-skills/mengto/solar-duotone-bold/downloadUnzip 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
Use Iconify Solar Duotone Bold as the default icon family.
Keep icon sizes consistent within a component group.
Pair icons with clear labels for navigation, controls, and feature cards.
Use duotone opacity intentionally so secondary fills support the main glyph shape.
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
- ATTRIBUTION.mdAdded by AutoGineer858 B
- LICENSELicence file added by AutoGineer1.0 KiB
- SKILL.md743 B
- demo/PROMPT.md2.5 KiB
- demo/assets/page-01-2f563338-39fa-47ea-9761-658d4f3f84db-1600w.jpg292.0 KiB
- demo/assets/page-02-4f5668c5-fc4a-44e0-bc5e-a664189d3c31-1600w.jpg212.3 KiB
- demo/assets/page-03-77415a2e-dcbc-4748-a29d-fced4821881a-1600w.jpg354.2 KiB
- demo/assets/page-04-c92852bb-a510-405a-85ab-ffa0fde136a4-1600w.jpg209.1 KiB
- demo/assets/source-preview.jpg72.1 KiB
- demo/index.html21.4 KiB
- demo/preview.jpg54.3 KiB
- demo/source.json3.2 KiB
SKILL.md
Solar Duotone Bold Skill
Use When
A UI needs cohesive icons with a richer look than generic outline icons.
Workflow
Use Iconify Solar Duotone Bold as the default icon family.
Keep icon sizes consistent within a component group.
Pair icons with clear labels for navigation, controls, and feature cards.
Use duotone opacity intentionally so secondary fills support the main glyph shape.
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.
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.
Related skills
Frontend Design
AnthropicOfficial
A framework for creating distinctive, intentional UI designs that avoid common templated aesthetics.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreApache-2.0GitHub stars of the source repository188.6k
Theme Factory
AnthropicOfficial
A toolkit for applying professional color and font themes to documents, presentations, and web artifacts.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreApache-2.0GitHub stars of the source repository188.6k
Brand Guidelines
AnthropicOfficial
Applies Anthropic's official brand colors and typography to digital artifacts.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreApache-2.0GitHub stars of the source repository188.6k
Impeccable
Paul Bakaus· Community
A comprehensive design system and UI refinement tool for auditing, polishing, and evolving digital interfaces.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreApache-2.0Low riskHas scriptsGitHub stars of the source repository105.3k
Diagram Design
Cathryn Lavery· Community
Generate branded, editorial-style technical diagrams as self-contained HTML, SVG, or PNG files.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 moreMITLow riskHas scriptsGitHub stars of the source repository65.6k
UI UX Designer
Seth Hobson· Community
An expert UI/UX designer focused on systematic, accessible, and research-backed interface creation.
Design and creativeClaude CodeMITGitHub stars of the source repository42.3k
Download ZIP
The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download solar-duotone-bold.zip