Skip to content
flutter-build-responsive-layout

Self-hosted alternatives to flutter-build-responsive-layout

5 self-hosted AI Skills apps to use instead, best rated first.

Top picks

  1. C

    claude-to-deerflow

    Launch

    claude-to-deerflow is an agent skill that lets an assistant send messages and questions to a running DeerFlow instance through its HTTP API. DeerFlow is an AI agent platform built on LangGraph that orchestrates sub-agents for research, code

    Self-hosted

  2. O

    open-notebook

    Launch

    open-notebook is an agent skill for organising research with Open Notebook, a self-hosted alternative to NotebookLM. It arranges sources, notes and AI conversations into research notebooks. Sources can be PDFs, web pages, audio, video and O

    Self-hosted

  3. R

    Reactive Resume

    Launch

    Reactive Resume is a free and open-source resume builder for writing resumes and cover letters, checking the work, and tracking job applications. You create a free account, import an existing resume or start from scratch, and see the finish

    Open sourceSelf-hosted

  4. S

    self-hosted-funnel-launch

    Launch

    Self-hosted funnel launch is an agent skill that takes a funnel from an empty install to published on infrastructure you control, using the Autonnel funnel builder, which is licensed Apache-2.0. The result covers a landing page, checkout, a

    Self-hosted

  5. G

    get-convex/convex-backend

    Launch

    Convex is an open-source reactive database for web app developers. It combines a database, a place to write server functions in pure TypeScript, and client libraries that keep the app's data live, so screens update as the data changes. Beca

    Self-hosted

About flutter-build-responsive-layout

F

flutter-build-responsive-layout

Use `LayoutBuilder`, `MediaQuery`

flutter-build-responsive-layout is an agent skill from Flutter's agent-plugins collection that helps a coding agent build a Flutter layout that adapts to different screen sizes. It describes the techniques to use, including LayoutBuilder, MediaQuery and Expanded or Flexible widgets, and it explains how to measure the available space correctly. The skill says to use MediaQuery.sizeOf to get the size of the app window, and to use LayoutBuilder to choose a widget tree based on the space the parent gives the widget. It warns against switching layouts with MediaQuery.orientationOf or OrientationBuilder near the top of the widget tree, because device orientation does not reflect the space the app has. It also says not to branch on hardware types such as phone or tablet, since Flutter apps can run in resizable windows, multi-window modes and picture-in-picture, so decisions should be based on the window space. The skill covers Flutter's core constraint rule, that constraints go down and sizes go up, and it has workflows for building an adaptive layout and for optimising for large screens. It is listed on skills.sh, where the page shows install counts, GitHub stars and security audit results. Install it with npx skills add https://github.com/flutter/agent-plugins --skill flutter-build-responsive-layout.

Price
Free
Made by
flutter
Category
AI Skills
Website
github.com/flutter/agent-plugins/flutter-build-responsive-layout