Agent skill

Cometchat Flutter V6 Patterns

by cometchat in cometchat/cometchat-skills

Project wiring for the Flutter v6 UI Kit — navigation (Navigator / gorouter / autoroute), state management (bloc / riverpod / provider / getx), config & secrets, platform setup, and web/desktop…

MITAuto-check passedMobile

Install Cometchat Flutter V6 Patterns

skills CLI
$ npx skills add cometchat/cometchat-skills --skill cometchat-flutter-v6-patterns -a claude-code

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

GitHub CLI
$ gh skill install cometchat/cometchat-skills cometchat-flutter-v6-patterns --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/cometchat/cometchat-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/cometchat-flutter-v6-patterns .claude/skills/cometchat-flutter-v6-patterns && 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
cometchat-flutter-v6-patterns
GitHub stars
129
Token cost
~1.4k tokens
SKILL.md length
685 words
Files
1
Skills in repo
97
Repo updated
First seen
Licence
MIT

At a glance

Project wiring for the Flutter v6 UI Kit — navigation (Navigator / gorouter / autoroute), state management (bloc / riverpod / provider / getx), config & secrets, platform setup, and web/desktop…

  • Works in 2 steps: Keep initFromSettings and generate… → Use the classic UIKitSettingsBuilder +…
  • Tasks that involve Cross-platform mobile apps
  • SKILL.md covers Companion skills (read first), Use this skill when, Prerequisites & install and Navigation (BAKED — the delta…, plus 5 more sections
  • Calls flutter

What it does

Cometchat Flutter V6 Patterns is an agent skill from cometchat/cometchat-skills. Project wiring for the Flutter v6 UI Kit — navigation (Navigator / gorouter / autoroute), state management (bloc / riverpod / provider / getx), config & secrets, platform setup, and web/desktop caveats. Triggers: 'cometchat with gorouter', 'cometchat with riverpod', 'where do I put init in flutter', 'dart-define cometchat', 'cometchat flutter web'.

Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts. Compatibility notes: Flutter =3.38.9; cometchatchatuikit ^6 (6.1.x, verified 6.1.0)

It sits in Mobile, covering Cross-platform mobile apps and State management. It works with CometChat and Flutter. The repository describes itself as: Add CometChat chat & messaging and voice & video calls to any React, Next.js, React Native, Angular, Android, iOS, or Flutter project through your AI coding agent. Works with… The licence is MIT.

When your agent uses it

  • Tasks that involve Cross-platform mobile apps
  • Tasks that involve State management

Example prompts

  • “cometchat with gorouter”
  • “cometchat with riverpod”
  • “where do I put init in flutter”
  • “/cometchat-flutter-v6-patterns”

Requirements

  • Compatibility (from SKILL.md): Flutter >=3.38.9; cometchat_chat_uikit ^6 (6.1.x, verified 6.1.0)

Workflow steps

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

  1. Keep initFromSettings and generate cometchat-settings.json at build time from your existing secret source (CI writes the file). Keeps…
  2. Use the classic UIKitSettingsBuilder + CometChatUIKit.init(...) with --dart-define values. Works, but loses telemetry attribution.

What it can do on your machine

Read from SKILL.md and the folder at commit 911b108. 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

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

  • Network

    No URLs in SKILL.md.

    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.

  • Compatibility

    Flutter >=3.38.9; cometchat_chat_uikit ^6 (6.1.x, verified 6.1.0)

    From compatibility in the SKILL.md frontmatter.

Context cost

Cometchat Flutter V6 Patterns loads about 1.4k tokens when it runs. Until then it costs about 96 tokens; SKILL.md has 685 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~96
When it runs · the whole SKILL.md, loaded when a task matches
~1.4k

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 cometchat/cometchat-skills at commit 911b108, republished under its MIT licence (© cometchat). 685 words, ~1,429 tokens.

Download SKILL.mdSave it as .claude/skills/cometchat-flutter-v6-patterns/SKILL.md (or your agent's skills folder).
name
cometchat-flutter-v6-patterns
description
Project wiring for the Flutter v6 UI Kit — navigation (Navigator / go_router / auto_route), state management (bloc / riverpod / provider / getx), config & secrets, platform setup, and web/desktop caveats. Triggers: 'cometchat with go_router', 'cometchat with riverpod', 'where do I put init in flutter', 'dart-define cometchat', 'cometchat flutter web'.
compatibility
Flutter >=3.38.9; cometchat_chat_uikit ^6 (6.1.x, verified 6.1.0)
license
MIT
metadata.author
CometChat
metadata.version
1.0.0
metadata.tags
cometchat flutter patterns navigation state-management go-router riverpod config v6

Ground truth: the CometChat side is cometchat-flutter-v6-core; this skill only adds the DELTA for a given toolchain. Framework mechanics (go_router, riverpod, --dart-define) are baked Flutter knowledge, not kit API. Kit symbols come from the catalog.

Companion skills (read first)

  • cometchat-flutter-v6-core — install, credentials, the settings asset, init→login→render. This skill ASSUMES it.
  • cometchat-flutter-v6-placement — WHERE the surface goes; this skill is HOW it hooks into your app's plumbing.

Use this skill when

Wiring the kit into a specific project shape, or debugging "where does init go" / "the theme resets on navigation" / "my secrets are in git".

Prerequisites & install

Covered by core. No new package.

Navigation (BAKED — the delta per router)

The kit uses plain Navigator.push/pop internally and in every recipe, which works under all of these — you do not have to convert its recipes.

  • Plain Navigator — nothing to do. Core's recipes are already this.
  • go_router — register chat screens as routes and push with context.push('/chat/:uid'). The kit's own internal pops still work because go_router sits on the same Navigator. Put the init/login gate above the router (wrap MaterialApp.router's builder, or gate in redirect) so no chat route can build before login resolves.
  • auto_route — same principle: an AutoRouteGuard that waits for login is the idiomatic gate.
  • Calling adds one requirement: navigatorKey: CallNavigationContext.navigatorKey on MaterialApp (→ -calls). With go_router, pass the same key into the router config rather than creating a second one.

State management (BAKED)

The kit is self-contained — every widget drives its own BLoC internally. You do not wire the kit into your app's state layer, and you do not need flutter_bloc yourself.

  • bloc / cubit — expose the logged-in user from your auth cubit; gate chat routes on it. Do not try to own the kit's internal blocs.
  • riverpod — a FutureProvider that performs initFromSettings + login and which chat screens .when(...) on, is the cleanest gate.
  • provider / getx — same shape: one async init future, everything chat-related below it.
  • Reading kit state — CometChatUIKit.loggedInUser is the sync getter. For list state, use the widget's stateCallBack / onLoad, not a global store.

Config & secrets (BAKED — Flutter-specific)

initFromSettings reads a bundled asset, so it cannot read --dart-define. Two honest options; state the trade-off and let the user choose:

  1. Keep initFromSettings and generate cometchat-settings.json at build time from your existing secret source (CI writes the file). Keeps integrationSource="ai-agent" telemetry.
  2. Use the classic UIKitSettingsBuilder + CometChatUIKit.init(...) with --dart-define values. Works, but loses telemetry attribution.

Either way the Auth Key ends up in the app bundle and is dev-only — production means a server-minted auth token + loginWithAuthToken (core's lifecycle.md). Do NOT gitignore the registered cometchat-settings.json asset (a fresh clone / CI build then fails with "No file or variants found for asset") — commit a placeholder version (no real Auth Key) that dev/CI overwrite, and guard the real key with a pre-commit/CI check.

Show full SKILL.md (229 more words)Show less

Platform setup (BAKED)

  • Android — minSdk = 26 in android/app/build.gradle.kts (the docs' 24 is too low); INTERNET permission; calling adds camera/mic.
  • iOS — platform :ios, '15.1' in the Podfile, then pod install; photo/camera/mic usage strings for attachments and calls. Both floors come from cometchat_calls_sdk, which the kit depends on unconditionally — they apply whether or not you use calling (DOCS-BACKLOG D7).
  • Web — the kit supports web, but plugin-backed features (media picker, calling) behave differently; verify anything you promise. flutter run -d chrome with the same settings asset.
  • Desktop — not a documented target; if asked, say so honestly rather than guessing.

Common pitfalls (BAKED)

  • Init inside a screen that can be re-entered (or inside a route builder) → repeated init. Gate ONCE at the root (lifecycle.md).
  • A chat route reachable before login resolves → blank screen. Guard the route, not just the widget.
  • Expecting initFromSettings to read --dart-define — it reads an asset. See above.
  • Adding flutter_bloc to "connect" the kit — unnecessary; the kit owns its blocs.
  • Two navigator keys when calling is on — the router and CallNavigationContext must share one.
  • cometchat-settings.json committed — the Auth Key is in your repo.
  • Forgetting WidgetsFlutterBinding.ensureInitialized() before an asset-reading init.

Verify it works

The app builds on each target platform you claim; chat routes are unreachable until login resolves; navigating away and back does not re-init; secrets are not in git; with calling on, an incoming call presents from any route.

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

Files

Just SKILL.md in skills/cometchat-flutter-v6-patterns of cometchat/cometchat-skills.

Open the folder on GitHubat commit 911b108

Compare with similar skills

Cometchat Flutter V6 Patterns 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.

Cometchat Flutter V6 Patterns compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Cometchat Flutter V6 Patterns this skillcometchat/cometchat-skills129—~1.4kAutomated safety check: PassMIT
Flutter Riverpod State Managementandrewyng/context-hub14k—~1.1kAutomated safety check: PassMIT
BlocVeryGoodOpenSource/vgv-ai-flutter-plugin169—~2kAutomated safety check: PassMIT
Flutter Dart Code Reviewaffaan-m/ECC274k2 repos~5.8kAutomated safety check: NotesMIT
Signals for Flutterrodydavis/signals.dart819—~1.9kAutomated safety check: PassApache-2.0
Flutteralinaqi/maggy707—~3.5kAutomated safety check: PassMIT

Similar skills

  • Guides Flutter state management with Riverpod: choosing provider types, wiring ConsumerWidgets, handling async state and lifecycle, and overriding providers in tests.

    14k GitHub stars~1.1k tokensUpdated 4 mo ago
    MobileAuto-check passed
  • Bloc

    VeryGoodOpenSource/vgv-ai-flutter-plugin

    Best practices for Bloc state management in Flutter/Dart, covering Cubit versus Bloc, event and state naming, sealed classes with Equatable, the Page/View split with BlocProvider, BlocBuilder…

    169 GitHub stars~2k tokensUpdated yesterday
    MobileAuto-check passed
  • Library-agnostic Flutter/Dart code review checklist covering widget best practices, state management patterns (BLoC, Riverpod, Provider, GetX, MobX, Signals), Dart idioms, performance…

    274k GitHub starsUsed in 2 repos~5.8k tokens
    MobileAuto-check: notes
  • Signals for Flutter

    rodydavis/signals.dart

    Reference for the signals_flutter package: reactive signals, computed values, effects, async signals and collection signals bound to Flutter widgets.

    819 GitHub stars~1.9k tokensUpdated 23 days ago
    MobileAuto-check passed
  • Flutter

    alinaqi/maggy

    Flutter development with Riverpod state management, Freezed, gorouter, and mocktail testing

    707 GitHub stars~3.5k tokensUpdated 13 days ago
    MobileAuto-check passed
  • Mobile Development

    rohitg00/awesome-claude-code-toolkit

    Mobile development patterns for React Native and Flutter including navigation, state management, and responsive design

    2.7k GitHub stars~1.5k tokensUpdated 4 mo ago
    MobileAuto-check passed

More from cometchat/cometchat-skills

All 97 skills in this repo
  • CometChat Android Calls SDK v5

    cometchat/cometchat-skills

    Adds voice and video calling to an Android app in Kotlin with the headless CometChat Calls SDK v5, covering meeting-style rooms, 1:1 ringing calls, call logs and recording.

    129 GitHub stars~5.2k tokensUpdated 2 days ago
    Auto-check passed
  • CometChat Android v5 Headless SDK

    cometchat/cometchat-skills

    Builds chat on Android with your own UI against the headless CometChat Chat SDK v5, covering install, Jetifier conflicts, credentials and init-before-login ordering.

    129 GitHub stars~4k tokensUpdated 2 days ago
    Auto-check passed
  • CometChat Angular Component Picker

    cometchat/cometchat-skills

    Picks and customizes CometChat's Angular UI Kit components by their verified component list, exact input and output event names, and the surfaces that have no kit component at all.

    129 GitHub stars~2.6k tokensUpdated 2 days ago
    Auto-check passed
  • CometChat Angular Features

    cometchat/cometchat-skills

    Enables or builds CometChat features such as polls, reactions, smart replies and pinned messages in an Angular app, first classifying how much client code each one needs.

    129 GitHub stars~2.6k tokensUpdated 2 days ago
    Auto-check passed
  • CometChat Angular Chat Placement

    cometchat/cometchat-skills

    Decides where CometChat chat UI goes in an Angular app: a dedicated route, a dashboard panel, a support widget or the full multi-pane app, with thread and search panels.

    129 GitHub stars~2.2k tokensUpdated 2 days ago
    Auto-check passed
  • Cometchat iOS V5 SDK

    cometchat/cometchat-skills

    Add voice & video calling to any iOS app FROM SCRATCH with the headless CometChat Calls SDK v5 (CometChatCallsSDK, via Swift Package Manager) — no UI Kit.

    129 GitHub stars~5.2k tokensUpdated 2 days ago
    Auto-check passed

Categories

Questions about Cometchat Flutter V6 Patterns

What does Cometchat Flutter V6 Patterns do?

Project wiring for the Flutter v6 UI Kit — navigation (Navigator / gorouter / autoroute), state management (bloc / riverpod / provider / getx), config & secrets, platform setup, and web/desktop…. Cometchat Flutter V6 Patterns is an agent skill from cometchat/cometchat-skills. Project wiring for the Flutter v6 UI Kit — navigation (Navigator / gorouter / autoroute), state management (bloc / riverpod / provider / getx), config & secrets, platform setup, and web/desktop caveats.

When should I use Cometchat Flutter V6 Patterns?

Cometchat Flutter V6 Patterns fits situations like: tasks that involve Cross-platform mobile apps; tasks that involve State management.

How do I install Cometchat Flutter V6 Patterns in Claude Code?

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

How do I install Cometchat Flutter V6 Patterns in Codex?

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

Can I use Cometchat Flutter V6 Patterns 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 cometchat/cometchat-skills --skill cometchat-flutter-v6-patterns -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/cometchat-flutter-v6-patterns, .gemini/skills/cometchat-flutter-v6-patterns, .github/skills/cometchat-flutter-v6-patterns and .opencode/skills/cometchat-flutter-v6-patterns in your project.

What does Cometchat Flutter V6 Patterns need to run?

Going by SKILL.md and its folder, Cometchat Flutter V6 Patterns needs the command-line tools its instructions call (flutter). Compatibility (from SKILL.md): Flutter >=3.38.9; cometchat_chat_uikit ^6 (6.1.x, verified 6.1.0).

Does Cometchat Flutter V6 Patterns access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Cometchat Flutter V6 Patterns 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 Cometchat Flutter V6 Patterns use?

Cometchat Flutter V6 Patterns is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Cometchat Flutter V6 Patterns use?

About 1.4k tokens (SKILL.md is roughly 5.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Cometchat Flutter V6 Patterns?

Skills that share tags, products or a category with Cometchat Flutter V6 Patterns: Flutter Riverpod State Management (andrewyng/context-hub, 14k stars), Bloc (VeryGoodOpenSource/vgv-ai-flutter-plugin, 169 stars), Flutter Dart Code Review (affaan-m/ECC, 274k stars) and Signals for Flutter (rodydavis/signals.dart, 819 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Cometchat Flutter V6 Patterns?

cometchat (a GitHub organization) maintains it in cometchat/cometchat-skills, which has 129 GitHub stars. The repository holds 97 skills in this directory. The repository was last updated on October 5, 2026.

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