Agent skill

Flutter Duit Bdui

by MADTeacher in MADTeacher/mad-agents-skills

Integrate, fix, review, migrate, test, or debug Duit / flutterduit backend-driven UI in Flutter applications.

MITAuto-check passedMobile

Install Flutter Duit Bdui

skills CLI
$ npx skills add MADTeacher/mad-agents-skills --skill flutter-duit-bdui -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install MADTeacher/mad-agents-skills flutter-duit-bdui --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/MADTeacher/mad-agents-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/flutter-duit-bdui .claude/skills/flutter-duit-bdui && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
flutter-duit-bdui
GitHub stars
110
Token cost
~1.6k tokens
SKILL.md length
705 words
Files
5 (incl. references)
Skills in repo
11
Repo updated
First seen
Licence
MIT

At a glance

Integrate, fix, review, migrate, test, or debug Duit / flutterduit backend-driven UI in Flutter applications.

  • Works in 7 steps: Identify the task type: install, render… → Inspect the target Flutter project… → Determine the flutter_duit version → …
  • A task mentions DUIT
  • SKILL.md covers Principle 0, Workflow, Current 4.x API Guardrail and Resource Routing, plus 3 more sections
  • Calls flutter and dart; reaches pub.dev and github.com

What it does

Flutter Duit Bdui is an agent skill from MADTeacher/mad-agents-skills. Integrate, fix, review, migrate, test, or debug Duit / flutterduit backend-driven UI in Flutter applications. Use when a task mentions DUIT, flutterduit, backend-driven UI, BDUI, server-driven UI, XDriver, DuitViewHost, DuitRegistry, HTTP or WebSocket transports, custom Duit widgets, components, capability delegates, compile-time DUIT flags, or rendering JSON layouts from a backend.

Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files (for example `references/capabilities.md`, `references/environment_vars.md` and `references/public_api.md`).

It sits in Mobile, covering Cross-platform mobile apps. It works with Flutter. The repository describes itself as: Collection of agent skills for AI assistants working with Dart and Flutter projects. The licence is MIT.

When your agent uses it

  • A task mentions DUIT
  • Backend-driven UI
  • Server-driven UI
  • WebSocket transports

Example prompts

  • “/flutter-duit-bdui”

Workflow steps

7 steps, taken from the first numbered list in SKILL.md.

  1. Identify the task type: install, render a remote/static layout, add a custom
  2. Inspect the target Flutter project before editing: pubspec.yaml,
  3. Determine the flutter_duit version
  4. Choose the smallest integration path that fits the product need
  5. Read only the routed resources needed for the scenario.
  6. Implement with normal Flutter ownership rules: keep driver lifecycle in a
  7. Validate in the target project. If validation cannot run, report the blocker

What it can do on your machine

Read from SKILL.md and the folder at commit 2fb67e3. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • flutter
    • dart

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • pub.dev
    • github.com
    • duit.pro

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Flutter Duit Bdui loads about 1.6k tokens when it runs, and up to ~3.9k if it reads all its reference files. Until then it costs about 101 tokens; SKILL.md has 705 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~101
When it runs · the whole SKILL.md, loaded when a task matches
~1.6k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~3.9k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from MADTeacher/mad-agents-skills at commit 2fb67e3, republished under its MIT licence (© MADTeacher). 705 words, ~1,606 tokens.

Download SKILL.mdSave it as .claude/skills/flutter-duit-bdui/SKILL.md (or your agent's skills folder). This skill also uses 4 other files; get the full folder from GitHub.
name
flutter-duit-bdui
description
Integrate, fix, review, migrate, test, or debug Duit / flutter_duit backend-driven UI in Flutter applications. Use when a task mentions DUIT, flutter_duit, backend-driven UI, BDUI, server-driven UI, XDriver, DuitViewHost, DuitRegistry, HTTP or WebSocket transports, custom Duit widgets, components, capability delegates, compile-time DUIT flags, or rendering JSON layouts from a backend.

Flutter Duit Backend-Driven UI

You are a Flutter BDUI integration engineer for Duit and flutter_duit.

Principle 0

flutter_duit has changed its public API across major versions. Do not write driver, transport, registry, or widget-host code from memory. First identify the installed or target package version, then use examples and API shapes that match that version. If the version cannot be determined, use current official docs as the default and state the assumption.

Workflow

  1. Identify the task type: install, render a remote/static layout, add a custom widget, register components, configure transport, customize capabilities, tune compile-time flags, or debug rendering/lifecycle issues.
  2. Inspect the target Flutter project before editing: pubspec.yaml, pubspec.lock when present, existing Duit setup, app entrypoint, state management, routing, and test conventions.
  3. Determine the flutter_duit version:
    • Prefer pubspec.lock or the existing dependency constraint.
    • If adding the package, check current official package docs or run flutter pub add flutter_duit when dependency installation is part of the user request.
    • If the package major version is not 4.x, verify API names before using any examples from this skill.
  4. Choose the smallest integration path that fits the product need:
    • Use XDriver.remote for backend-driven screens loaded from a server.
    • Use XDriver.static for local JSON, tests, previews, or offline fixtures.
    • Use custom widgets/components only when server JSON must render UI that the built-in collection cannot represent.
    • Use capability delegates only for framework behavior changes such as custom transport, logging, focus, scripting, native modules, or action execution.
  5. Read only the routed resources needed for the scenario.
  6. Implement with normal Flutter ownership rules: keep driver lifecycle in a StatefulWidget or equivalent owner, register custom widgets before rendering layouts, and dispose drivers/managers that own resources.
  7. Validate in the target project. If validation cannot run, report the blocker and the residual risk instead of implying the integration is proven.

Current 4.x API Guardrail

For flutter_duit 4.x, prefer the public shapes shown by current package examples:

dart
final driver = XDriver.remote(
  transportManager: HttpTransportManager(
    url: "/layout",
    baseUrl: "http://localhost:3000",
    defaultHeaders: {
      "Content-Type": "application/json",
    },
  ),
);
dart
DuitViewHost.withDriver(
  driver: driver,
  placeholder: const CircularProgressIndicator(),
);
dart
final driver = XDriver.static(
  {
    "type": "Text",
    "id": "1",
    "attributes": {
      "data": "Hello, World!",
    },
  },
  transportManager: StubTransportManager(),
);

Do not use older or unverified constructor shapes such as XDriver(...), HttpTransportManager(options: ...), headers, or WSTransportManager unless the installed package version and API reference confirm them.

Resource Routing

TaskReadWhy
Driver lifecycle, remote/static/native mode, event streams, or public methodsreferences/public_api.mdVersion-aware API contracts and 4.x examples
Custom capabilities, custom transport, logging, focus, scripting, native modules, or action executionreferences/capabilities.mdDelegate responsibilities and implementation guardrails
Compile-time DUIT behavior flags or --dart-define usagereferences/environment_vars.mdSupported flags, defaults, and command examples
Rendering failures, initialization errors, theme issues, or memory leaksreferences/troubleshooting.mdSymptom-to-action debugging checklist

External sources to verify when API details matter:

  • https://pub.dev/packages/flutter_duit
  • https://pub.dev/documentation/flutter_duit/latest/
  • https://github.com/Duit-Foundation/flutter_duit
  • https://www.duit.pro/docs/
Show full SKILL.md (281 more words)Show less

Constraints

  • Do not invent server JSON schema, action payloads, event formats, or widget attributes. Inspect existing backend contracts, fixtures, docs, or tests.
  • Do not add duit_kernel directly unless the task requires kernel models, custom extensions, or APIs not exported by flutter_duit.
  • Do not register custom widgets after the app has already tried to render layouts that use them.
  • Do not keep a driver as an unowned global unless the existing architecture has a clear lifecycle owner and cleanup path.
  • Do not silently downgrade unknown widget behavior in development. Prefer surfacing schema issues early unless the user explicitly wants permissive fallback behavior.
  • Do not promise WebSocket, native module, scripting, or component support from this skill alone; verify the exact API for the installed package version.

Validation

Run the strongest available validation for the target project:

  1. flutter pub get after dependency changes.
  2. dart format on edited Dart files.
  3. flutter analyze for Flutter projects.
  4. Existing focused tests, or flutter test when the change touches shared UI, actions, parsing, or lifecycle behavior.
  5. For static layout work, add or run a smoke test/widget preview that renders a minimal DuitViewHost.withDriver.
  6. For remote transport work, verify base URL, route, headers, auth handling, loading state, error state, and driver disposal.

If any validation command is unavailable, blocked by dependency download, platform setup, or missing project context, say which check did not run and why.

Fallback

If the target version/API cannot be verified, stop before writing speculative Duit code that may not compile. Ask for the intended flutter_duit version or permission to inspect/install dependencies. If the user asks for a best-effort draft anyway, mark the code as version-assumed and list the validation still needed.

© MADTeacher, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 4 other files (references) in flutter-duit-bdui of MADTeacher/mad-agents-skills.

  • SKILL.md
  • references/capabilities.md
  • references/environment_vars.md
  • references/public_api.md
  • references/troubleshooting.md

Open the folder on GitHubat commit 2fb67e3

Compare with similar skills

Flutter Duit Bdui next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Flutter Duit Bdui compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Flutter Duit Bdui this skillMADTeacher/mad-agents-skills110—~1.6kAutomated safety check: PassMIT
Add Flutter Docusaurus Localematthiasn/lotti1.2k—~1.2kAutomated safety check: PassGPL-3.0
Tm Launcher DesignFar-Se/tabame372—~3.1kAutomated safety check: PassMIT
Flutter Initbear2u/my-skills933—~2.5kAutomated safety check: PassNone
Mobile App UI Designceorkm/mobile-app-ui-design403—~2kAutomated safety check: PassNone
Marionette Flutter Drive Appleancodepl/marionette_mcp482—~11kAutomated safety check: PassApache-2.0

Similar skills

  • Add, complete, or audit a locale across a Flutter application's ARB catalogs and a localized Docusaurus manual, including generated localization code, locale selectors, native platform declarations…

    1.2k GitHub stars~1.2k tokensUpdated today
    MobileAuto-check passed
  • Tm Launcher Design

    Far-Se/tabame

    Create or revise Tabame's Flutter launcher designs: frames, search bars, result rows, palettes, typography, and action dialogs.

    372 GitHub stars~3.1k tokensUpdated 2 days ago
    MobileAuto-check passed
  • Flutter Init

    bear2u/my-skills

    A skill your agent uses when user wants to create a new Flutter project (Todo/Habit/Note/Expense/Custom domain) with Clean Architecture, Riverpod 3.0, Drift, and modern Flutter stack

    933 GitHub stars~2.5k tokensUpdated 3 mo ago
    MobileAuto-check passed
  • Mobile App UI Design

    ceorkm/mobile-app-ui-design

    Design high-quality mobile app UI/UX screens, flows, and components.

    403 GitHub stars~2k tokensUpdated 3 mo ago
    MobileAuto-check passed
  • Marionette Flutter Drive App

    leancodepl/marionette_mcp

    Set up and drive a running Flutter app (debug or profile) with Marionette — an AI agent's hands and eyes for the app.

    482 GitHub stars~11k tokensUpdated 4 days ago
    MobileAuto-check passed
  • Flutter Screenshot

    JustLookAtNow/pt_mate

    Capture and show two Flutter UI screenshots for this project: one landscape/large-screen preview and one portrait/mobile preview, without using Flutter Web.

    503 GitHub stars~511 tokensUpdated 4 days ago
    MobileAuto-check passed

More from MADTeacher/mad-agents-skills

All 11 skills in this repo
  • Flutter Internationalization

    MADTeacher/mad-agents-skills

    Add, fix, audit, and maintain Flutter internationalization with gen-l10n, ARB files, AppLocalizations, flutterlocalizations, intl formatting, plural/select messages, RTL support, locale-specific…

    110 GitHub stars~1.7k tokensUpdated 5 mo ago
    Auto-check passed
  • Flutter Networking

    MADTeacher/mad-agents-skills

    Implement, fix, debug, review, or refactor Flutter networking code for HTTP/REST APIs, WebSocket realtime flows, authentication and token refresh, request headers, timeouts, retries, JSON parsing…

    110 GitHub stars~1.8k tokensUpdated 5 mo ago
    Auto-check passed
  • Agents Md Generator

    MADTeacher/mad-agents-skills

    Create, generate, update, repair, trim, or split minimal AGENTS.md files for repository roots and confirmed nested modules using progressive disclosure.

    110 GitHub stars~1.4k tokensUpdated 5 mo ago
    Auto-check passed
  • Dart Drift

    MADTeacher/mad-agents-skills

    Build, fix, audit, and migrate Drift persistence in Dart CLI, server-side, and non-Flutter desktop apps.

    110 GitHub stars~1.2k tokensUpdated 5 mo ago
    Auto-check passed
  • Flutter Testing

    MADTeacher/mad-agents-skills

    Write, fix, review, debug, and validate Flutter tests for apps, packages, and plugins.

    110 GitHub stars~1.5k tokensUpdated 5 mo ago
    Auto-check passed
  • Flutter Adaptive UI

    MADTeacher/mad-agents-skills

    Build, fix, review, and validate adaptive or responsive Flutter UIs for mobile, tablet, desktop, web, large screens, foldables, and mixed input devices.

    110 GitHub stars~1.5k tokensUpdated 5 mo ago
    Auto-check passed

Works with

Categories

Questions about Flutter Duit Bdui

What does Flutter Duit Bdui do?

Integrate, fix, review, migrate, test, or debug Duit / flutterduit backend-driven UI in Flutter applications. Flutter Duit Bdui is an agent skill from MADTeacher/mad-agents-skills. Integrate, fix, review, migrate, test, or debug Duit / flutterduit backend-driven UI in Flutter applications.

When should I use Flutter Duit Bdui?

Flutter Duit Bdui fits situations like: A task mentions DUIT; backend-driven UI; server-driven UI; webSocket transports.

How do I install Flutter Duit Bdui in Claude Code?

Run `npx skills add MADTeacher/mad-agents-skills --skill flutter-duit-bdui -a claude-code`. Or copy the skill folder (flutter-duit-bdui in MADTeacher/mad-agents-skills) into .claude/skills/flutter-duit-bdui in your project. Claude Code loads it when a task matches its description.

How do I install Flutter Duit Bdui in Codex?

Run `npx skills add MADTeacher/mad-agents-skills --skill flutter-duit-bdui -a codex`. Or copy the skill folder (flutter-duit-bdui in MADTeacher/mad-agents-skills) into .agents/skills/flutter-duit-bdui in your project. Codex loads it when a task matches its description.

Can I use Flutter Duit Bdui in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add MADTeacher/mad-agents-skills --skill flutter-duit-bdui -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/flutter-duit-bdui, .gemini/skills/flutter-duit-bdui, .github/skills/flutter-duit-bdui and .opencode/skills/flutter-duit-bdui in your project.

What does Flutter Duit Bdui need to run?

Going by SKILL.md and its folder, Flutter Duit Bdui needs the command-line tools its instructions call (flutter and dart).

Does Flutter Duit Bdui access the network?

SKILL.md names 3 domains. In commands or code: pub.dev, github.com and duit.pro; the agent is likely to contact these when it follows the instructions. This is read from the text; nothing was executed.

Is Flutter Duit Bdui safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Flutter Duit Bdui use?

Flutter Duit Bdui is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Flutter Duit Bdui use?

About 1.6k tokens (SKILL.md is roughly 6.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.3k tokens, read only when the agent opens those files.

What are the alternatives to Flutter Duit Bdui?

Skills that share tags, products or a category with Flutter Duit Bdui: Add Flutter Docusaurus Locale (matthiasn/lotti, 1.2k stars), Tm Launcher Design (Far-Se/tabame, 372 stars), Flutter Init (bear2u/my-skills, 933 stars) and Mobile App UI Design (ceorkm/mobile-app-ui-design, 403 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Flutter Duit Bdui?

MADTeacher (a GitHub user) maintains it in MADTeacher/mad-agents-skills, which has 110 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on May 1, 2026.

Source: MADTeacher/mad-agents-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.