swift-charts — скилл для Claude Code: графики на Swift Charts
Скилл для ИИ-агента, который помогает строить и разбирать графики на Swift Charts под iOS 26+. Пригодится, когда нужны столбцы, линии, пончики или 3D-поверхности.
npx skills add dpearson2699/swift-ios-skills --skill swift-charts -a claude-codeЧто делает swift-charts
Скилл описывает работу с фреймворком Swift Charts: как собрать marks внутри Chart или Chart3D, настроить оси и шкалы модификаторами, добавить выделение, прокрутку, аннотации и легенду. Есть отдельные разделы про векторизованные плоты (BarPlot, LinePlot, AreaPlot, PointPlot) и трёхмерные (Chart3D, SurfacePlot).
Внутри — воркфлоу из шагов: определить данные как Identifiable-структуру, выбрать тип mark, закодировать визуальные каналы через .foregroundStyle(by:), .symbol(by:), .lineStyle(by:), задать домены шкал. Плюс чек-лист ревью и разбор типичных ошибок. Для 2D-наборов от 1000 точек скилл советует переходить на векторизованные плоты.
Целевая версия — iOS 26+, поэтому часть примеров (SectorMark, Chart3D) на более старых таргетах просто не соберётся. Отдельная тонкость: SectorMark рассчитан на строго положительные значения, нули и минусы нужно отфильтровать или объяснить за пределами диаграммы. Расширенные рецепты лежат в references/charts-patterns.md.
Какие задачи решает
- собрать столбчатую диаграмму продаж по месяцам
- добавить выделение точки на графике и реакцию на тап
- построить пончик с внутренним радиусом и подписями
- нарисовать диаграмму Ганта через интервальные столбцы
- вывести 3D-поверхность по пространственным данным
Примеры запросов агенту
- построй график выручки по месяцам на Swift Charts
- добавь выделение сегмента в пончике и аннотацию к выбранному
- перепиши этот график на векторизованный LinePlot, точек больше тысячи
Как установить swift-charts
1Через Skills CLI (Vercel)
npx skills add dpearson2699/swift-ios-skills --skill swift-charts -a claude-code2Вручную: положить файлы
~/.claude/skills/swift-charts/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/swift-charts/
1Через Skills CLI (Vercel)
npx skills add dpearson2699/swift-ios-skills --skill swift-charts -a codex2Вручную: положить файлы
.agents/skills/swift-charts/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add dpearson2699/swift-ios-skills --skill swift-charts -a cursor2Вручную: положить файлы
.cursor/skills/swift-charts/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install dpearson2699/swift-ios-skills swift-charts2Вручную: положить файлы
.github/skills/swift-charts/SKILL.md1Через Skills CLI (Vercel)
npx skills add dpearson2699/swift-ios-skills --skill swift-charts -a gemini-cli2Командой платформы
gemini skills install https://github.com/dpearson2699/swift-ios-skills --path skills/swift-chartsВручную: положить файлы
.devin/skills/swift-charts/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add dpearson2699/swift-ios-skills --skill swift-charts -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о swift-charts
Как установить swift-charts в Claude?
Выполните npx skills add dpearson2699/swift-ios-skills --skill swift-charts -a claude-code. После этого файл скилла окажется в ~/.claude/skills/swift-charts/SKILL.md.
Что делает swift-charts?
Помогает агенту писать и проверять код визуализаций на Swift Charts: marks, оси, шкалы, легенды, выделение, прокрутка, аннотации, векторизованные и 3D-плоты.
Для каких версий iOS подходит скилл?
Основная цель — iOS 26+. Часть возможностей привязана к более ранним релизам: SectorMark доступен с iOS 17, векторизованные плоты с iOS 18, Chart3D с iOS 26.
