·flutter-adaptive-ui
*

flutter-adaptive-ui

Crea interfacce utente Flutter adattive e reattive che funzionino perfettamente su tutte le piattaforme e dimensioni dello schermo. Da utilizzare durante la creazione di app Flutter che devono adattare layout in base alle dimensioni dello schermo, supportare più piattaforme tra cui tablet mobili desktop e Web, gestire diversi dispositivi di input come mouse e tastiera touch, implementare modelli di navigazione reattivi, ottimizzare per schermi di grandi dimensioni e pieghevoli o utilizzare modelli di funzionalità e policy per comportamenti specifici della piattaforma.

1.1KInstallazioni·16Tendenza·@madteacher

Installazione

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

Come installare flutter-adaptive-ui

Installa rapidamente la skill AI flutter-adaptive-ui nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-adaptive-ui
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: 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:

Crea interfacce utente Flutter adattive e reattive che funzionino perfettamente su tutte le piattaforme e dimensioni dello schermo. Da utilizzare durante la creazione di app Flutter che devono adattare layout in base alle dimensioni dello schermo, supportare più piattaforme tra cui tablet mobili desktop e Web, gestire diversi dispositivi di input come mouse e tastiera touch, implementare modelli di navigazione reattivi, ottimizzare per schermi di grandi dimensioni e pieghevoli o utilizzare modelli di funzionalità e policy per comportamenti specifici della piattaforma. Fonte: madteacher/mad-agents-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-adaptive-ui
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from madteacher/mad-agents-skills

Risposte rapide

Che cos'è flutter-adaptive-ui?

Crea interfacce utente Flutter adattive e reattive che funzionino perfettamente su tutte le piattaforme e dimensioni dello schermo. Da utilizzare durante la creazione di app Flutter che devono adattare layout in base alle dimensioni dello schermo, supportare più piattaforme tra cui tablet mobili desktop e Web, gestire diversi dispositivi di input come mouse e tastiera touch, implementare modelli di navigazione reattivi, ottimizzare per schermi di grandi dimensioni e pieghevoli o utilizzare modelli di funzionalità e policy per comportamenti specifici della piattaforma. Fonte: madteacher/mad-agents-skills.

Come installo flutter-adaptive-ui?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-adaptive-ui Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

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