·flutter-adaptive-ui
*

flutter-adaptive-ui

Создавайте адаптивные и отзывчивые пользовательские интерфейсы Flutter, которые прекрасно работают на всех платформах и размерах экрана. Используйте при создании приложений Flutter, которым необходимо адаптировать макеты в зависимости от размера экрана, поддерживать несколько платформ, включая настольные компьютеры мобильных планшетов и Интернет, обрабатывать различные устройства ввода, такие как сенсорная мышь и клавиатура, реализовывать адаптивные шаблоны навигации, оптимизировать для больших экранов и складных устройств или использовать шаблоны возможностей и политики для поведения, специфичного для платформы.

1.1KУстановки·16Тренд·@madteacher

Установка

$npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-adaptive-ui

Как установить flutter-adaptive-ui

Быстро установите AI-навык flutter-adaptive-ui в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-adaptive-ui
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: madteacher/mad-agents-skills.

Create Flutter applications that adapt gracefully to any screen size, platform, or input device. This skill provides comprehensive guidance for building responsive layouts that scale from mobile phones to large desktop displays while maintaining excellent user experience across touch, mouse, and keyboard interactions.

Core Layout Rule: Constraints go down. Sizes go up. Parent sets position.

Identify widgets that need adaptability and extract common data. Common patterns:

Создавайте адаптивные и отзывчивые пользовательские интерфейсы Flutter, которые прекрасно работают на всех платформах и размерах экрана. Используйте при создании приложений Flutter, которым необходимо адаптировать макеты в зависимости от размера экрана, поддерживать несколько платформ, включая настольные компьютеры мобильных планшетов и Интернет, обрабатывать различные устройства ввода, такие как сенсорная мышь и клавиатура, реализовывать адаптивные шаблоны навигации, оптимизировать для больших экранов и складных устройств или использовать шаблоны возможностей и политики для поведения, специфичного для платформы. Источник: madteacher/mad-agents-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-adaptive-ui
Категория
*Креатив
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from madteacher/mad-agents-skills

Короткие ответы

Что такое flutter-adaptive-ui?

Создавайте адаптивные и отзывчивые пользовательские интерфейсы Flutter, которые прекрасно работают на всех платформах и размерах экрана. Используйте при создании приложений Flutter, которым необходимо адаптировать макеты в зависимости от размера экрана, поддерживать несколько платформ, включая настольные компьютеры мобильных планшетов и Интернет, обрабатывать различные устройства ввода, такие как сенсорная мышь и клавиатура, реализовывать адаптивные шаблоны навигации, оптимизировать для больших экранов и складных устройств или использовать шаблоны возможностей и политики для поведения, специфичного для платформы. Источник: madteacher/mad-agents-skills.

Как установить flutter-adaptive-ui?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-adaptive-ui После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/madteacher/mad-agents-skills