solar-duotone-bold — скилл для Claude Code: обзор и установка
Набор инструкций для оформления интерфейса иконками Iconify Solar Duotone Bold. Пригодится, когда обычные контурные значки выглядят слишком просто и нужен двухтоновый акцент.
npx skills add MengTo/Skills --skill solar-duotone-bold -a claude-codeЧто делает solar-duotone-bold
Скилл задаёт семейство Iconify Solar Duotone Bold как базовый набор иконок для интерфейса. Он инструктирует агента выдерживать одинаковый размер элементов внутри групп компонентов и связывать значки с текстовыми подписями в навигации, карточках и элементах управления.
Двухтоновая заливка требует аккуратной работы со слоями. Вторичная заливка должна подчёркивать форму глифа, а параметры обводки и цвета — соответствовать контрасту фона. При этом скилл запрещает оставлять малознакомые действия без понятных надписей, полагаясь только на пиктограмму.
Главное ограничение — запрет на смешивание: нельзя объединять Solar Duotone Bold с другими контурными наборами в одном блоке управления, иначе визуал развалится.
Какие задачи решает
- оформить кнопки и навигацию иконками Solar Duotone Bold
- настроить прозрачность второго тона для читаемости глифов
- согласовать размеры и контраст иконок на поверхностях интерфейса
- добавить текстовые подписи к карточкам функций и контролам
Примеры запросов агенту
- Добавь в карточки тарифов иконки из набора Solar Duotone Bold с подписями
- Сделай навигационную панель, используя стиль Solar Duotone Bold для всех кнопок
- Замени контурные иконки в профиле на Solar Duotone Bold с учётом контраста фона
Как установить solar-duotone-bold
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill solar-duotone-bold -a claude-code2Вручную: положить файлы
~/.claude/skills/solar-duotone-bold/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/solar-duotone-bold/
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill solar-duotone-bold -a codex2Вручную: положить файлы
.agents/skills/solar-duotone-bold/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill solar-duotone-bold -a cursor2Вручную: положить файлы
.cursor/skills/solar-duotone-bold/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install MengTo/Skills solar-duotone-bold2Вручную: положить файлы
.github/skills/solar-duotone-bold/SKILL.md1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill solar-duotone-bold -a gemini-cli2Командой платформы
gemini skills install https://github.com/MengTo/Skills --path agent-skills/web-design/solar-duotone-boldВручную: положить файлы
.devin/skills/solar-duotone-bold/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill solar-duotone-bold -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора148
Похожие
Рядом в теме «Фронтенд и UI»
Всё по теме «Фронтенд и UI» →Вопросы о solar-duotone-bold
Как установить solar-duotone-bold в Claude Code?
Выполните команду npx skills add MengTo/Skills --skill solar-duotone-bold -a claude-code в терминале.
Что делает скилл solar-duotone-bold?
Он задаёт правила выбора, выравнивания и цветовой адаптации двухтоновых иконок Iconify в коде интерфейса.
Можно ли сочетать этот стиль с другими контурными иконками?
Нет, правила запрещают смешивать Solar Duotone Bold с посторонними контурными семействами в пределах одного набора элементов.
Исходный текст
SKILL.md · MIT
--- name: solar-duotone-bold description: "Use Iconify Solar Duotone Bold icon style." --- # 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.
© MengTo · MIT · MengTo/Skills
