flutter-animating-apps — скилл для Claude Code: как установить
Помогает внедрять анимации и переходы в приложения на Flutter. Пригодится при проработке нативного моушн-дизайна для iOS и Android.
npx skills add nexu-io/open-design --skill flutter-animating-apps -a claude-codeЧто делает flutter-animating-apps
Скилл взят из репозитория команды Flutter и входит в каталог OpenDesign в категории animation-motion. Он помогает ИИ-агенту проектировать визуальные эффекты и переходы между экранами для мобильных платформ iOS и Android. Агент распознаёт задачу при упоминании триггеров вроде «flutter animation» или «flutter transitions».
Запись в OpenDesign работает в режиме прототипа. Она сообщает агенту о существовании скилла ещё на этапе планирования. Чтобы получить оригинальные скрипты и справочные материалы, придётся загрузить исходный бандл из репозитория flutter/skills. Без апстрима агент ограничен только базовым описанием.
Какие задачи решает
- добавить плавные переходы между экранами Flutter
- настроить моушн-эффекты для iOS и Android
- внедрить анимации интерфейса в мобильное приложение
- подключить правила моушн-дизайна команды Flutter
Примеры запросов агенту
- Используй flutter-animating-apps для анимации перехода между экранами
- Настрой flutter motion для карточки профиля в приложении
- Добавь flutter animation при нажатии на кнопку оформления заказа
Как установить flutter-animating-apps
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill flutter-animating-apps -a claude-code2Вручную: положить файлы
~/.claude/skills/flutter-animating-apps/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/flutter-animating-apps/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill flutter-animating-apps -a codex2Вручную: положить файлы
.agents/skills/flutter-animating-apps/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill flutter-animating-apps -a cursor2Вручную: положить файлы
.cursor/skills/flutter-animating-apps/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install nexu-io/open-design flutter-animating-apps2Вручную: положить файлы
.github/skills/flutter-animating-apps/SKILL.md1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill flutter-animating-apps -a gemini-cli2Командой платформы
gemini skills install https://github.com/nexu-io/open-design --path skills/flutter-animating-appsВручную: положить файлы
.devin/skills/flutter-animating-apps/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill flutter-animating-apps -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Из того же набора39
Весь набор →Похожие
Вопросы о flutter-animating-apps
Как установить flutter-animating-apps в Claude Code?
Выполните команду npx skills add nexu-io/open-design --skill flutter-animating-apps -a claude-code. Альтернативный способ — сохранить файл скилла вручную в ~/.claude/skills/flutter-animating-apps/SKILL.md.
Для чего нужен скилл flutter-animating-apps?
Он помогает агенту проектировать и писать код анимаций и визуальных переходов в приложениях на Flutter под iOS и Android.
Нужен ли апстрим-репозиторий для полной работы скилла?
Да, запись в OpenDesign объявляет скилл для планирования агента. Чтобы запускать оригинальные скрипты и использовать ассеты, требуется установить исходный бандл из репозитория flutter/skills.
Исходный текст
SKILL.md · Apache-2.0
--- name: flutter-animating-apps description: | Implement animated effects, transitions, and motion in Flutter apps. Useful for native iOS/Android motion design. triggers: - "flutter animation" - "flutter motion" - "mobile animation" - "flutter transitions" od: mode: prototype category: animation-motion upstream: "https://github.com/flutter/skills" --- # flutter-animating-apps > Curated from the Flutter team. ## What it does Implement animated effects, transitions, and motion in Flutter apps. Useful for native iOS/Android motion design. ## Source - Upstream: https://github.com/flutter/skills - Category: `animation-motion` ## How to use This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory: ```bash # Inspect the upstream README for exact paths open https://github.com/flutter/skills ``` Then ask the agent to invoke this skill by name (`flutter-animating-apps`) or with one of the trigger phrases listed in this skill's frontmatter.
© nexu-io · Apache-2.0 · nexu-io/open-design