CommunityProgramación y desarrollogithub.com

flutter/configuración-en-macos

Configura un entorno macOS para el desarrollo con Flutter. Útil al preparar una máquina macOS para ejecutar, compilar o implementar aplicaciones Flutter para iOS o macOS.

¿Qué es configuración-en-macos?

Esta habilidad automatiza la configuración completa de un entorno de desarrollo Flutter en macOS. Es ideal para desarrolladores que necesitan preparar rápidamente una máquina nueva o recién formateada para comenzar a trabajar con Flutter. La habilidad se encarga de instalar y verificar componentes esenciales como Xcode, las herramientas de línea de comandos de Xcode, CocoaPods, el SDK de Flutter (incluyendo el canal estable), y configuraciones básicas como la variable de entorno PATH y el lanzamiento de un simulador de iOS. Compatible con plataformas como Claude Code, Cursor y Codex, esta habilidad simplifica un proceso que de otro modo requeriría múltiples pasos manuales y verificación de dependencias. Su funcionamiento se basa en la ejecución de comandos de shell estándar (brew, xcode-select, flutter precache, etc.) y la creación de archivos de configuración, tal como se documenta en su archivo SKILL.md.

Compatible con~Claude Code~Codex CLI~Cursor
Part ofMobile
npx skills add https://github.com/flutter/skills/tree/main/skills/flutter-setting-up-on-macos

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace configuración-en-macos?

Configura un entorno macOS para el desarrollo con Flutter. Útil al preparar una máquina macOS para ejecutar, compilar o implementar aplicaciones Flutter para iOS o macOS.

Requisitos previos

  • macOS Ventura (13) o posterior
  • Conexión a internet
  • Cuenta de desarrollador de Apple (opcional, para firma de código)

Instalación

  1. Xcode: Descarga e instala Xcode desde la App Store o desde developer.apple.com.

  2. Herramientas de línea de comandos de Xcode: Abre la Terminal y ejecuta:

    xcode-select --install
    
  3. Homebrew: Instala Homebrew si no lo tienes:

    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
    
  4. CocoaPods: Instala CocoaPods con Homebrew:

    brew install cocoapods
    
  5. Flutter SDK: Descarga el SDK de Flutter desde flutter.dev o clona el repositorio:

    git clone https://github.com/flutter/flutter.git -b stable
    
  6. Agregar Flutter al PATH: Agrega la siguiente línea a tu archivo de configuración de shell (~/.zshrc o ~/.bash_profile):

    export PATH="$PATH:`pwd`/flutter/bin"
    
  7. Verificar la instalación: Ejecuta el comando de diagnóstico de Flutter:

    flutter doctor
    

    Esto identificará cualquier dependencia faltante o problemas de configuración.

Configuración del simulador de iOS

Para probar aplicaciones Flutter en el simulador de iOS, asegúrate de que Xcode esté instalado y luego lanza el simulador desde la Terminal:

open -a Simulator

Configuración adicional (opcional)

  • Android Studio: Para desarrollo en Android, instala Android Studio y configura el SDK de Android.
  • Editor: Instala Visual Studio Code o IntelliJ IDEA con los plugins de Flutter y Dart.

Solución de problemas

  • Si flutter doctor muestra un error relacionado con CocoaPods, reinstálalo con sudo gem install cocoapods.
  • Si Xcode no se encuentra, asegúrate de haber aceptado la licencia con sudo xcodebuild -license accept.
  • Para versiones antiguas de macOS, consulta la documentación oficial de Flutter.

Referencias

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

flutter/flutter-accessibility

Configure your Flutter app to support assistive technologies like Screen Readers

flutter/flutter-accessibility-audit

Triggers an accessibility scan through the widget_inspector and automatically adds Semantics widgets or missing labels to the source code.

flutter/flutter-adding-home-screen-widgets

Adds home screen widgets to a Flutter app for Android and iOS. Use when providing glanceable app information or quick actions on the device home screen.

flutter/flutter-add-integration-test

Configures Flutter Driver for app interaction and converts MCP actions into permanent integration tests. Use when adding integration testing to a project, exploring UI components via MCP, or automating user flows with the integration_test package.

flutter/flutter-add-widget-preview

Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consistent design and interactive testing.

flutter/flutter-add-widget-test

Implement a component-level test using `WidgetTester` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use when validating that a specific widget displays correct data and responds to events as expected.

flutter/flutter-animating-apps

Implements animated effects, transitions, and motion in a Flutter app. Use when adding visual feedback, shared element transitions, or physics-based animations.

flutter/flutter-animation

Add animated effects to your Flutter app

flutter/flutter-apply-architecture-best-practices

Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring for scalability.

flutter/flutter-app-size

Measure and reduce the size of the Flutter app bundle, APK, or IPA

flutter/flutter-architecting-apps

Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring for scalability.

flutter/flutter-architecture

Use the Flutter team's recommended app architecture

flutter/flutter-building-forms

Builds Flutter forms with validation and user input handling. Use when creating login screens, data entry forms, or any multi-field user input.

flutter/flutter-building-layouts

Builds Flutter layouts using the constraint system and layout widgets. Use when creating or refining the UI structure of a Flutter application.

flutter/flutter-building-plugins

Builds Flutter plugins that provide native interop for other apps to use. Use when creating reusable packages that bridge Flutter with platform-specific functionality.

flutter/flutter-build-responsive-layout

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors.

flutter/flutter-caching

Cache data in a Flutter app

flutter/flutter-caching-data

Implements caching strategies for Flutter apps to improve performance and offline support. Use when retaining app data locally to reduce network requests or speed up startup.

flutter/flutter-concurrency

Execute long-running tasks in a background thread in Flutter

flutter/flutter-databases

Work with databases in a Flutter app

Skills relacionados