60fps — MCP-сервер для Claude Code: анимации SwiftUI
Находит примеры анимаций из реальных iOS-приложений и выдаёт разбор движения вместе с кодом SwiftUI. Помогает повторить взаимодействие в собственном проекте.
claude mcp add --transport http library https://mcp.60fps.design/mcpЧто делает 60fps
60fps подключает ИИ-агента к библиотеке анимаций из выпущенных iOS-приложений. По описанию нужного взаимодействия сервер подбирает подходящие клипы, показывает ключевые кадры и объясняет переход между начальным и конечным состояниями, включая время и характер анимации. Для найденного примера можно получить отдельный файл SwiftUI, который запускается в Xcode.
В комплект входят скиллы для анализа мест, где анимация уместна, настройки общей системы движения в Motion.swift, проектирования состояний загрузки и ошибок, а также подготовки спецификаций для разработчика. Агент не меняет код проекта без разрешения пользователя. Сервер размещён удалённо, но для работы нужен платный ключ 60fps MCP либо подходящий ключ 60fps PRO, приобретённый не позднее 12 Sep 2026. Без ключа инструменты возвращают ошибку 401.
Сервер предназначен только для iOS-анимаций. Он не подходит для Android, Flutter, React Native и веб-интерфейсов, а также не занимается профилированием частоты кадров или созданием иконок и логотипов. Код примера не содержит исходных текстов, цветов и ресурсов приложения, поэтому внешний вид нужно адаптировать под собственную дизайн-систему.
Какие задачи решает
- Найти пример анимации жеста или перехода из реального iOS-приложения
- Воспроизвести движение интерфейса в SwiftUI по ключевым кадрам
- Определить, где в приложении анимация улучшит взаимодействие
- Согласовать длительности, пружины и тактильную отдачу в
Motion.swift - Описать анимации состояний загрузки, успеха и ошибки для разработчика
Примеры запросов агенту
- Найди пример обновления списка жестом вниз в iOS-приложении и подготовь код SwiftUI для моего проекта.
- Изучи мой код SwiftUI, определи, где нужны анимации, и предложи подходящие примеры из библиотеки 60fps.
- Создай для этой функции состояния загрузки, успеха и ошибки с анимациями и тактильной отдачей.
Как установить 60fps
Командой платформы: удалённый сервер
claude mcp add --transport http library https://mcp.60fps.design/mcpКомандой платформы: удалённый сервер
codex mcp add 60fps --url https://mcp.60fps.design/mcpФайл настроек
{
"mcpServers": {
"60fps": {
"url": "https://mcp.60fps.design/mcp"
}
}
}Файл настроек
{
"servers": {
"60fps": {
"type": "http",
"url": "https://mcp.60fps.design/mcp"
}
}
}Командой платформы: удалённый сервер
gemini mcp add -t http 60fps https://mcp.60fps.design/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о 60fps
Как установить 60fps в Claude Code?
Добавьте сервер командой claude mcp add --transport http library https://mcp.60fps.design/mcp, затем выполните claude mcp add --transport http 60fps https://mcp.60fps.design/mcp. Для работы нужен действующий ключ 60fps MCP или подходящий ключ 60fps PRO.
Что делает MCP-сервер 60fps?
Он ищет примеры движения в iOS-приложениях, предоставляет разбор анимации и генерирует самостоятельный файл SwiftUI. Дополнительные скиллы помогают спроектировать анимации интерфейса и описать их для реализации.
Подходит ли 60fps для Android и веб-приложений?
Нет. Сервер работает с анимациями iOS и кодом SwiftUI. Примеры можно запускать в Xcode, но их внешний вид необходимо адаптировать под дизайн-систему своего приложения.
