implement-flet-extension — community implement-flet-extension, community, ide skills, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Perfect for Python Development Agents needing to build realtime web, mobile, and desktop apps with Flet extensions Flet enables developers to easily build realtime web, mobile and desktop apps in Python. No frontend experience required.

flet-dev flet-dev
[0]
[0]
Updated: 3/3/2026

Agent Capability Analysis

The implement-flet-extension skill by flet-dev is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance.

Ideal Agent Persona

Perfect for Python Development Agents needing to build realtime web, mobile, and desktop apps with Flet extensions

Core Value

Empowers agents to create custom Flet extensions around external Flutter packages, exposing API surfaces in Python and leveraging existing `flet_*` packages as templates, while ensuring package health and license compatibility

Capabilities Granted for implement-flet-extension

Implementing Flet extensions for third-party Flutter packages
Exposing API surfaces in Python for custom Flet controls
Validating package health and license compatibility for Flet extensions

! Prerequisites & Limits

  • Requires Python and Flet environment
  • Dependent on package health and maintenance activity of target pub.dev package
  • Limited to Flet and Flutter ecosystem
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

implement-flet-extension

Install implement-flet-extension, an AI agent skill for AI agent workflows and automation. Works with Claude Code, Cursor, and Windsurf with one-command...

SKILL.md
Readonly

Implement a Flet extension around an external Flutter package using existing flet_* packages as implementation templates.

Inputs

  • Control/service name and Python package name (flet_<extension>).
  • Target pub.dev package and intended version/range.
  • API surface to expose in Python (properties, methods, events, types/enums).

Third-party Dependency Gate

  1. Confirm package health: maintenance activity, null-safety, platform support, and open issue risk.
  2. Confirm license is compatible with Flet distribution.
  3. Select a conservative version strategy:
  • Pin exact version when behavior stability is critical.
  • Use bounded ranges when required by ecosystem constraints.
  1. Record key constraints and reasons in PR notes/commit message.

Control/Service Classification

  • Classify wrapped functionality before implementation:
  1. LayoutControl for visual controls that participate in page/layout positioning.
  2. Base Control for simple visual controls that do not require page positioning or define their own positioning rules/props (for example Draggable, Divider, MenuBar, NavigationRail).
  3. Non-visual Service when functionality is not a renderable UI control.
  • Inspect the wrapped Flutter package API to determine whether it includes non-visual/service functionality.
  • For service patterns, follow existing extension examples: sdk/python/packages/flet-audio, sdk/python/packages/flet-flashlight, sdk/python/packages/flet-secure-storage.

API Mapping Rules

  • Expose only stable and useful features first; avoid mirroring every upstream option.
  • Keep Python API idiomatic and concise; avoid redundant control-name prefixes.
  • Map upstream naming inconsistencies to Flet conventions when needed.
  • Add custom enums/types only when they improve correctness and discoverability.

Python-side Rules

  • Use LayoutControl, base Control, or Service base class according to classification.
  • Implement typed properties, methods, and events exactly for chosen public API.
  • Reuse existing serialization/event patterns from sibling controls/services.

Flutter-side Rules

  • Use parseEnum() for enums.
  • For control attributes, prefer widget.control.getBool()/getDouble()/... accessors.
  • For non-control parsing, use shared parseSomething() helpers.
  • Do not add one-off private parser utilities when standard helpers exist.
  • Put control-specific helpers in utils/<control>.dart; shared helpers in utils/<topic>.dart.
  • Prefer parse-prefixed helper names when converting input to Flutter structures.
  • Avoid single-use local variables.

Integration Checklist

  • Add dependency and registration to Flet client app.
  • Add extension package to sdk/python/pyproject.toml.
  • Add extension to sdk/python/packages/flet/pyproject.toml.
  • Add extension to sdk/python/examples/apps/flet_build_test/pyproject.toml.
  • Add extension to .github/workflows/ci.yml in both places:
    • build_flet_extensions -> PACKAGES list.
    • py_publish -> for pkg in ... publish loop.
  • Add .gitignore to Flutter extension project if missing.

Docs, Examples, Tests

  • Add control/service docs under sdk/python/packages/flet/docs/<name>.
  • Add all custom enums/types docs and update sdk/python/packages/flet/mkdocs.yml navigation.
  • Use markdown filenames without underscores (codeeditor.md, not code_editor.md).
  • Add examples under sdk/python/examples in the appropriate category for control vs service.
  • Add integration tests under packages/flet/integration_tests in the appropriate category for control vs service.
  • Ensure generated screenshots are suitable for docs usage when visual examples are added.

Upgrade and Compatibility Guardrails

  • Add at least one test that catches upstream behavioral changes likely to break wrapper mapping.
  • Avoid exposing experimental upstream APIs unless explicitly requested.
  • Keep wrapper surface narrow enough to maintain backwards compatibility across upstream updates.

Validation

  • Run relevant Python and integration tests for touched areas.
  • Verify Python import paths, client runtime registration, and docs navigation.
  • Verify dependency resolution and lockfile updates are intentional.

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is implement-flet-extension?

Perfect for Python Development Agents needing to build realtime web, mobile, and desktop apps with Flet extensions Flet enables developers to easily build realtime web, mobile and desktop apps in Python. No frontend experience required.

How do I install implement-flet-extension?

Run the command: npx killer-skills add flet-dev/flet/implement-flet-extension. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for implement-flet-extension?

Key use cases include: Implementing Flet extensions for third-party Flutter packages, Exposing API surfaces in Python for custom Flet controls, Validating package health and license compatibility for Flet extensions.

Which IDEs are compatible with implement-flet-extension?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for implement-flet-extension?

Requires Python and Flet environment. Dependent on package health and maintenance activity of target pub.dev package. Limited to Flet and Flutter ecosystem.

How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add flet-dev/flet/implement-flet-extension. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use implement-flet-extension immediately in the current project.

Related Skills

Looking for an alternative to implement-flet-extension or another community skill for your workflow? Explore these related open-source skills.

View All

widget-generator

Logo of f
f

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

149.6k
0
AI

flags

Logo of vercel
vercel

flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.

138.4k
0
Browser

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI