New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Cometchat Flutter V6 Components

by cometchat in cometchat/cometchat-skills

The Flutter v6 UI Kit widget catalog — which drop-in widgets exist, which barrel each comes from, and how to compose or swap them (conversations, messages, users, groups, threads, calling, bubbles).

MITAuto-check passedMobile

Install Cometchat Flutter V6 Components

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

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

GitHub CLI
$ gh skill install cometchat/cometchat-skills cometchat-flutter-v6-components --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-components .claude/skills/cometchat-flutter-v6-components && 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-components
GitHub stars
130
Token cost
~2.3k tokens
SKILL.md length
728 words
Files
1
Skills in repo
97
Repo updated
First seen
Licence
MIT

At a glance

The Flutter v6 UI Kit widget catalog — which drop-in widgets exist, which barrel each comes from, and how to compose or swap them (conversations, messages, users, groups, threads, calling, bubbles).

  • Tasks that involve Cross-platform mobile apps
  • SKILL.md covers Companion skills (read first), Use this skill when, Prerequisites & install and Widget catalog (BAKED closed…, plus 6 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Tasks that involve Design systems

What it does

Cometchat Flutter V6 Components is an agent skill from cometchat/cometchat-skills. The Flutter v6 UI Kit widget catalog — which drop-in widgets exist, which barrel each comes from, and how to compose or swap them (conversations, messages, users, groups, threads, calling, bubbles). Triggers: 'what cometchat widgets are there', 'customize the message list flutter', 'swap the message bubble flutter', 'add a users list in flutter'.

Its SKILL.md is about 2.3k 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 Design systems. 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 Design systems

Example prompts

  • “what cometchat widgets are there”
  • “customize the message list flutter”
  • “swap the message bubble flutter”
  • “/cometchat-flutter-v6-components”

Requirements

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

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

    No scripts in the folder and no shell commands in SKILL.md (its code samples are dart).

    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 Components loads about 2.3k tokens when it runs. Until then it costs about 95 tokens; SKILL.md has 728 words of instructions outside code blocks.

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

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). 728 words, ~2,302 tokens.

Download SKILL.mdSave it as .claude/skills/cometchat-flutter-v6-components/SKILL.md (or your agent's skills folder).
name
cometchat-flutter-v6-components
description
The Flutter v6 UI Kit widget catalog — which drop-in widgets exist, which barrel each comes from, and how to compose or swap them (conversations, messages, users, groups, threads, calling, bubbles). Triggers: 'what cometchat widgets are there', 'customize the message list flutter', 'swap the message bubble flutter', 'add a users list in flutter'.
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 widgets components uikit catalog v6

Ground truth: catalogs/flutter-v6.json — 296 symbols, compiler-verified against the published 6.1.0, with symbolsByBarrel recording which barrel each resolves from. The lists below are that catalog, grouped. If a name is not in the catalog it does not exist — do not emit it. Props come from the docs .md twin (../cometchat-flutter-v6-core/references/docs-map.md), never from memory.

Companion skills (read first)

  • cometchat-flutter-v6-core — install, credentials, init→login→render, the two barrels. This skill ASSUMES it and does not repeat it.

Use this skill when

Choosing, composing, or swapping UI Kit widgets; "which widgets exist"; customizing a list, message, or bubble.

Prerequisites & install

Covered by core. This skill adds no package.

Widget catalog (BAKED closed list — from the catalog)

Lists & screens: CometChatConversations · CometChatUsers · CometChatGroups · CometChatGroupMembers · CometChatSearch · CometChatNotificationFeed Messages: CometChatMessageHeader · CometChatMessageList · CometChatMessageComposer · CometChatThreadedHeader · CometChatMessageInformation · CometChatMessagePreview · CometChatReactions · CometChatReactionList · CometChatMediaRecorder · CometChatEmojiKeyboard · CometChatStickerKeyboard Bubbles: CometChatTextBubble · CometChatImageBubble · CometChatVideoBubble · CometChatAudioBubble · CometChatFileBubble · CometChatVoiceNoteBubble · CometChatDeletedBubble · CometChatActionBubble · CometChatMessageBubble · CometChatLinkPreviewBubble · CometChatPollsBubble · CometChatStickerBubble · CometChatCollaborativeBubble · CometChatStreamBubble · CometChatAIAssistantBubble · CometChatCallBubble Groups: CometChatChangeScope · CometChatCreatePoll AI: CometChatAISmartRepliesView · CometChatAIConversationStarterView · CometChatAIConversationSummaryView · CometChatAIAssistantChatHistory · CometChatAIAssistantEvents Theme primitives: CometChatColorPalette · CometChatTypography · CometChatSpacing · CometChatThemeHelper (→ -customization)

CometChatMediaRecorder and CometChatEmojiKeyboard are REAL in Flutter v6 even though they are phantoms in the React pack. Never carry another family's phantom list here — check catalogs/flutter-v6.json. Plural/singular matters: CometChatPollsBubble (not PollBubble), CometChatThreadedHeader (not ThreadHeader). CometChatImagesBubble/CometChatAudiosBubble/CometChatFilesBubble/CometChatVideosBubble also exist as the multi-attachment variants — the singular forms are the standard bubbles. Exception: CometChatAudioBubble is a deprecated typedef alias for CometChatVoiceNoteBubble (audio_bubble/cometchat_voice_note_bubble.dart) — use CometChatVoiceNoteBubble (single voice note) or CometChatAudiosBubble (multi-attachment) instead; it compiles today but rides a deprecated symbol (AUDIT-233). The message-translation bubble is UN-prefixed (MessageTranslationBubble); only its style class carries the prefix.

Calls widgets live in the OTHER barrel (compile trap)

CometChatIncomingCall · CometChatOutgoingCall · CometChatOngoingCall · CometChatCallButtons · CometChatCallLogs · CometChatCallBubble · CometChatCalls resolve only from:

dart
import 'package:cometchat_chat_uikit/cometchat_calls_uikit.dart';

That barrel does not re-export the chat widgets, so a calls screen imports both. Detail: cometchat-flutter-v6-calls.

Swap / compose slots

  • Custom UI goes IN a widget's slot, never stacked beside it. Every list widget exposes listItemView (replace the whole row) plus finer slots — leadingStateView · titleView · subtitleView · trailingView — and state slots loadingStateView / emptyStateView / errorStateView.
  • Check the parameter ORDER before writing a slot. v6 slots are not uniform: CometChatConversations.leadingView is (context, conversation), while CometChatMessageHeader.subtitleView is (group, user, context). Fetch the widget's .md twin rather than assuming.
  • Prefer configuring the highest-level widget over rebuilding it from bubbles.
  • Reuse built-in callbacks before adding your own control — onItemTap · onItemLongPress · onSelection · onBack · onError · onLoad. Note the arity differs by widget: CometChatUsers/CometChatGroups take onItemTap: (context, item), while CometChatConversations/CometChatGroupMembers take onItemTap: (item).
  • Scope data with the request builder, not a client-side filter: conversationsRequestBuilder · usersRequestBuilder · groupsRequestBuilder · groupMembersRequestBuilder.
Show full SKILL.md (320 more words)Show less

Swapping a bubble (message templates)

There is no per-bubble prop on the list — a custom bubble is a CometChatMessageTemplate whose bubbleView you override. Defaults come from MessageTemplateUtils (v6 replaced the v5 DataSource; CometChatUIKit.getDataSource() is gone).

Which prop you pass it to is NOT interchangeable (message-list § Message Templates; customization-view-slots; customization-datasource):

  • addTemplate: — merges with the defaults. This is the one for a message type of your own.
  • templates: — replaces the whole default set.

Reach for addTemplate: for anything the kit does not already ship, and templates: only when you deliberately want to drop the defaults. Templates are keyed category_type, so an addTemplate: entry matching an existing key overrides just that bubble (customization-datasource).

Do not try to widen the list's fetch with your own builder: message-list states that uid, guid, types and categories on a MessagesRequestBuilder are always overridden inside the message list.

Overriding a type the kit already ships (templates:):

dart
import 'package:cometchat_chat_uikit/cometchat_chat_uikit.dart';
import 'package:flutter/material.dart';

final textTemplate = CometChatMessageTemplate(
  type: CometChatMessageType.text,
  category: CometChatMessageCategory.message,
  bubbleView: (message, context, alignment) =>
      message is TextMessage ? Text(message.text) : const SizedBox.shrink(),
);

Adding a type of your own (addTemplate:):

dart
import 'package:cometchat_chat_uikit/cometchat_chat_uikit.dart';
import 'package:flutter/material.dart';

final diceRollTemplate = CometChatMessageTemplate(
  type: 'game_roll',                              // your own type string
  category: CometChatMessageCategory.custom,      // CustomMessage is always `custom`
  bubbleView: (message, context, alignment) => Text(
      message is CustomMessage ? '${message.customData?['value']}' : ''),
);

Widget gameChat(Group group) => CometChatMessageList(
      group: group,
      addTemplate: [diceRollTemplate],   // `templates:` here would render nothing
    );

Creating a group (host-composed — no kit widget)

v6 ships no create-group widget; build the form yourself and create with the SDK. It MUST offer all three types — Public · Private · Password-protected — with the password field required for the third.

dart
import 'package:cometchat_chat_uikit/cometchat_chat_uikit.dart';

Future<void> createGroup(String guid, String name, String? password) async {
  final group = Group(
      guid: guid, name: name, type: CometChatGroupType.password, password: password);
  // NOTE: `group:` is a NAMED parameter, and onSuccess/onError are both required.
  await CometChat.createGroup(group: group, onSuccess: (g) {}, onError: (e) {});
}

Common pitfalls (BAKED)

  • Emitting a widget that isn't in the catalog — the #1 hallucination. Check first.
  • Importing a calls widget from the chat barrel — does not compile (see above).
  • Assuming a slot's parameter order or arity — v6 is inconsistent between widgets; fetch the twin.
  • Stacking custom UI beside a widget instead of passing it into the slot.
  • Emitting a widget below its contracts.flutter-v6.json minimum — a group-details screen needs view/kick/ban/scope, not just a member list.
  • Hand-rolling moderation or report UI — both are automatic in CometChatMessageList.
  • v5 shells (CometChatConversationsWithMessages, CometChatMessages, CometChatUI, CometChatUserList) — all removed; the host composes screens (→ -migration).

Verify it works

The widget renders and its data populates. Empty ⇒ confirm init + login completed before the screen built (core's gate), and that any list has a bounded height (Expanded).

© 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-components of cometchat/cometchat-skills.

Open the folder on GitHubat commit 911b108

Compare with similar skills

Cometchat Flutter V6 Components 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 Components compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Cometchat Flutter V6 Components this skillcometchat/cometchat-skills130—~2.3kAutomated safety check: PassMIT
Liquid Glass Widgetssdegenaar/liquid_glass_widgets712—~3.8kAutomated safety check: PassMIT
Flutter Design SystemHoangNguyen0403/agent-skills-standard571—~598Automated safety check: PassMIT
Frontend UI StandardsMaxHan7/frontend-ui-standards-skill106—~2.4kAutomated safety check: PassMIT
Frontend Designavibebuilder/claude-prime120—~2.1kAutomated safety check: PassMIT
Design SystemWrongStack/WrongStack370—~3.9kAutomated safety check: PassMIT

Similar skills

  • Liquid Glass Widgets

    sdegenaar/liquid_glass_widgets

    Mastery guide and architectural rules for liquidglasswidgets.

    712 GitHub stars~3.8k tokensUpdated today
    MobileAuto-check passed

  • Flutter Design System

    HoangNguyen0403/agent-skills-standard

    Enforce Design Language System adherence in Flutter. An agent skill from HoangNguyen0403/agent-skills-standard.

    571 GitHub stars~598 tokensUpdated today
    MobileAuto-check passed

  • Frontend UI Standards

    MaxHan7/frontend-ui-standards-skill

    A skill your agent uses when implementing, refactoring, or reviewing frontend UI across SwiftUI, React, React Native, Flutter, web, or mobile apps.

    106 GitHub stars~2.4k tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed

  • Frontend Design

    avibebuilder/claude-prime

    Builds distinctive, production-grade UIs that avoid generic AI aesthetics.

    120 GitHub stars~2.1k tokensUpdated 4 mo ago
    Frontend & DesignAuto-check passed

  • Design System

    WrongStack/WrongStack

    Use this skill BEFORE writing or restyling ANY user-facing interface.

    370 GitHub stars~3.9k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Add Flutter Docusaurus Locale

    matthiasn/lotti

    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

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.

    130 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.

    130 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.

    130 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.

    130 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.

    130 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.

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

Works with

Categories

Questions about Cometchat Flutter V6 Components

What does Cometchat Flutter V6 Components do?

The Flutter v6 UI Kit widget catalog — which drop-in widgets exist, which barrel each comes from, and how to compose or swap them (conversations, messages, users, groups, threads, calling, bubbles). Cometchat Flutter V6 Components is an agent skill from cometchat/cometchat-skills. The Flutter v6 UI Kit widget catalog — which drop-in widgets exist, which barrel each comes from, and how to compose or swap them (conversations, messages, users, groups, threads, calling, bubbles).

When should I use Cometchat Flutter V6 Components?

Cometchat Flutter V6 Components fits situations like: tasks that involve Cross-platform mobile apps; tasks that involve Design systems.

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

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

How do I install Cometchat Flutter V6 Components in Codex?

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

Can I use Cometchat Flutter V6 Components 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-components -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-components, .gemini/skills/cometchat-flutter-v6-components, .github/skills/cometchat-flutter-v6-components and .opencode/skills/cometchat-flutter-v6-components in your project.

What does Cometchat Flutter V6 Components need to run?

SKILL.md names no scripts, command-line tools or credentials: Cometchat Flutter V6 Components is instructions for the agent only. Compatibility (from SKILL.md): Flutter >=3.38.9; cometchat_chat_uikit ^6 (6.1.x, verified 6.1.0).

Does Cometchat Flutter V6 Components 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 Components 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 Components use?

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

About 2.3k tokens (SKILL.md is roughly 9.2k 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 Components?

Skills that share tags, products or a category with Cometchat Flutter V6 Components: Liquid Glass Widgets (sdegenaar/liquid_glass_widgets, 712 stars), Flutter Design System (HoangNguyen0403/agent-skills-standard, 571 stars), Frontend UI Standards (MaxHan7/frontend-ui-standards-skill, 106 stars) and Frontend Design (avibebuilder/claude-prime, 120 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 Components?

cometchat (a GitHub organization) maintains it in cometchat/cometchat-skills, which has 130 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.