Liquid Glass Widgets
sdegenaar/liquid_glass_widgets
Mastery guide and architectural rules for liquidglasswidgets.
Test a Flutter app that uses the CometChat UI Kit — what is worth testing versus what belongs to the kit, mocking the SDK boundary, widget tests around chat screens, and integration/CI setup.
Install Cometchat Flutter V6 Testing
$ npx skills add cometchat/cometchat-skills --skill cometchat-flutter-v6-testing -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install cometchat/cometchat-skills cometchat-flutter-v6-testing --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ 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-testing .claude/skills/cometchat-flutter-v6-testing && rm -rf skills-srcUse ~/.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/
Install the "cometchat-flutter-v6-testing" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-flutter-v6-testing into .claude/skills/cometchat-flutter-v6-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-flutter-v6-testing", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-flutter-v6-testingType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add cometchat/cometchat-skills --skill cometchat-flutter-v6-testing -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install cometchat/cometchat-skills cometchat-flutter-v6-testing --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cometchat/cometchat-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/cometchat-flutter-v6-testing .agents/skills/cometchat-flutter-v6-testing && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "cometchat-flutter-v6-testing" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-flutter-v6-testing into .agents/skills/cometchat-flutter-v6-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-flutter-v6-testing", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add cometchat/cometchat-skills --skill cometchat-flutter-v6-testing -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install cometchat/cometchat-skills cometchat-flutter-v6-testing --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cometchat/cometchat-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/cometchat-flutter-v6-testing .cursor/skills/cometchat-flutter-v6-testing && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "cometchat-flutter-v6-testing" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-flutter-v6-testing into .cursor/skills/cometchat-flutter-v6-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-flutter-v6-testing", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/cometchat/cometchat-skills.git --path skills/cometchat-flutter-v6-testing--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add cometchat/cometchat-skills --skill cometchat-flutter-v6-testing -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install cometchat/cometchat-skills cometchat-flutter-v6-testing --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cometchat/cometchat-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/cometchat-flutter-v6-testing .gemini/skills/cometchat-flutter-v6-testing && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "cometchat-flutter-v6-testing" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-flutter-v6-testing into .gemini/skills/cometchat-flutter-v6-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-flutter-v6-testing", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install cometchat/cometchat-skills cometchat-flutter-v6-testingInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add cometchat/cometchat-skills --skill cometchat-flutter-v6-testing -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/cometchat/cometchat-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/cometchat-flutter-v6-testing .github/skills/cometchat-flutter-v6-testing && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "cometchat-flutter-v6-testing" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-flutter-v6-testing into .github/skills/cometchat-flutter-v6-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-flutter-v6-testing", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add cometchat/cometchat-skills --skill cometchat-flutter-v6-testing -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install cometchat/cometchat-skills cometchat-flutter-v6-testing --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cometchat/cometchat-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/cometchat-flutter-v6-testing .opencode/skills/cometchat-flutter-v6-testing && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "cometchat-flutter-v6-testing" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-flutter-v6-testing into .opencode/skills/cometchat-flutter-v6-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-flutter-v6-testing", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
cometchat-flutter-v6-testing- GitHub stars
- 129
- Token cost
- ~1.4k tokens
- SKILL.md length
- 575 words
- Files
- 1
- Skills in repo
- 97
- Repo updated
- First seen
- Licence
- MIT
At a glance
Test a Flutter app that uses the CometChat UI Kit — what is worth testing versus what belongs to the kit, mocking the SDK boundary, widget tests around chat screens, and integration/CI setup.
- Tasks that involve Cross-platform mobile apps
- SKILL.md covers Companion skills (read first), Use this skill when, Prerequisites & install and Test the RIGHT boundary (the…, plus 5 more sections
- Calls flutter
- Tasks that involve Design systems
What it does
Cometchat Flutter V6 Testing is an agent skill from cometchat/cometchat-skills. Test a Flutter app that uses the CometChat UI Kit — what is worth testing versus what belongs to the kit, mocking the SDK boundary, widget tests around chat screens, and integration/CI setup. Triggers: 'test my cometchat integration', 'mock cometchat in flutter tests', 'widget test chat screen', 'cometchat test setup'.
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); fluttertest / integrationtest
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
- “test my cometchat integration”
- “mock cometchat in flutter tests”
- “widget test chat screen”
- “/cometchat-flutter-v6-testing”
Requirements
- Compatibility (from SKILL.md): Flutter >=3.38.9; cometchat_chat_uikit ^6 (6.1.x, verified 6.1.0); flutter_test / integration_test
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); flutter_test / integration_test
From compatibility in the SKILL.md frontmatter.
Context cost
Cometchat Flutter V6 Testing loads about 1.4k tokens when it runs. Until then it costs about 87 tokens; SKILL.md has 575 words of instructions outside code blocks.
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). 575 words, ~1,365 tokens.
Download SKILL.mdSave it as
.claude/skills/cometchat-flutter-v6-testing/SKILL.md (or your agent's skills folder).- name
- cometchat-flutter-v6-testing
- description
- Test a Flutter app that uses the CometChat UI Kit — what is worth testing versus what belongs to the kit, mocking the SDK boundary, widget tests around chat screens, and integration/CI setup. Triggers: 'test my cometchat integration', 'mock cometchat in flutter tests', 'widget test chat screen', 'cometchat test setup'.
- compatibility
- Flutter >=3.38.9; cometchat_chat_uikit ^6 (6.1.x, verified 6.1.0); flutter_test / integration_test
- license
- MIT
- metadata.author
- CometChat
- metadata.version
- 1.0.0
- metadata.tags
- cometchat flutter testing widget-test mocks integration ci v6
Ground truth: kit symbols are catalog-verified against 6.1.0. Test tooling (
flutter_test,integration_test,mocktail) is standard Flutter, not CometChat API.
Companion skills (read first)
cometchat-flutter-v6-core— install, credentials,init→login→render. This skill ASSUMES it.cometchat-flutter-v6-patterns— how init/login is gated, which is what your tests have to work around.
Use this skill when
The user ASKS for tests. Building a feature does not imply writing tests (RULES.md) — do not volunteer a test suite as part of "add chat".
Prerequisites & install
flutter pub add --dev mocktail integration_testflutter_test ships with Flutter.
Test the RIGHT boundary (the thing most people get wrong)
Do not test the UI Kit. CometChatConversations rendering a list, CometChatMessageList appending a message, receipts, typing — all CometChat's own tested surface. Asserting on the kit's internals produces slow tests that break on every kit upgrade and prove nothing about YOUR app.
Test what is yours:
| Worth testing | Why |
|---|---|
| The init/login gate | Your logic. Does a chat route stay unreachable until login resolves? |
| Navigation wiring | onItemTap pushes the right screen with the right user/group. |
| Target plumbing | The thread screen receives parentMessageId and the same user/group — the silent-never-sends trap. |
| Config selection | Prod flavour has no Auth Key; the right App ID per flavour. |
| Your own slots | Custom listItemView / subtitleView widgets render as expected. |
| Error paths | onError surfaces something to the user instead of a blank screen. |
Widget tests — the practical constraint
A CometChat widget expects an initialized, logged-in SDK. In a unit/widget test there is none, so:
- Test your screens' STRUCTURE and wiring, not the kit's rendered output. Pump your screen and assert your own widgets, callbacks, and navigation.
- Keep chat screens behind a thin seam you can substitute — a factory/builder your test can swap for a stub. This is the single change that makes a CometChat app testable.
- Do not try to "mock the UI Kit widgets" — they are concrete widgets, not injectable interfaces. Swap at YOUR seam instead.
// A seam: your screen depends on a builder, so tests substitute a stub for the kit widget.
import 'package:cometchat_chat_uikit/cometchat_chat_uikit.dart';
import 'package:flutter/material.dart';
typedef ConversationsBuilder = Widget Function(void Function(Conversation) onTap);
class ChatsScreen extends StatelessWidget {
final ConversationsBuilder builder;
final void Function(Conversation) onOpen;
const ChatsScreen({super.key, required this.builder, required this.onOpen});
@override
Widget build(BuildContext context) => Scaffold(body: SafeArea(child: builder(onOpen)));
}
// production wiring
Widget realConversations(void Function(Conversation) onTap) =>
CometChatConversations(onItemTap: onTap);In the test, pass a builder returning a plain ListView and assert that tapping a row calls onOpen with the right conversation — that is YOUR logic, tested fast and without a network.
Show full SKILL.md (235 more words)Show less
Integration tests (integration_test)
The only place a real end-to-end chat flow can be asserted, because it needs a real init/login.
- Use a dedicated test CometChat app and seeded users (
cometchat-uid-1…), never production data. - Credentials come from the test flavour's settings asset, generated in CI — do not commit them.
- Keep the suite small: sign in → open a conversation → send a message → assert it appears. Broad E2E over the kit's own surface is slow and re-tests CometChat.
- Some things cannot be automated here and should be stated rather than faked: push delivery and real calls need physical devices.
CI
Run flutter analyze + unit/widget tests on every PR — they need no credentials. Gate integration tests behind a job that has the test-app secrets, and let them be non-blocking if the environment is flaky; a red build from a missing fixture teaches people to ignore CI.
Common pitfalls (BAKED)
- Writing tests nobody asked for (
RULES.md). - Testing the UI Kit instead of your wiring.
- Trying to mock kit widgets directly — introduce a seam instead.
- Widget-testing a screen that calls
init/login→ hangs or throws; gate it behind the seam. - Integration tests against production — use a test app.
- Committing test credentials.
- Claiming push/calls are covered when they need real devices.
Verify it works
Unit/widget tests run with no network and no credentials; integration tests pass against the test app; flutter analyze is clean; nothing in the suite asserts on CometChat's internal rendering.
© 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-testing of cometchat/cometchat-skills.
Open the folder on GitHubat commit 911b108
Compare with similar skills
Cometchat Flutter V6 Testing 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Cometchat Flutter V6 Testing this skillcometchat/cometchat-skills | 129 | — | ~1.4k | Automated safety check: Pass | MIT | |
| Liquid Glass Widgetssdegenaar/liquid_glass_widgets | 711 | — | ~3.8k | Automated safety check: Pass | MIT | |
| Flutter Design SystemHoangNguyen0403/agent-skills-standard | 570 | — | ~598 | Automated safety check: Pass | MIT | |
| Frontend UI StandardsMaxHan7/frontend-ui-standards-skill | 106 | — | ~2.4k | Automated safety check: Pass | MIT | |
| Frontend Designavibebuilder/claude-prime | 120 | — | ~2.1k | Automated safety check: Pass | MIT | |
| Design SystemWrongStack/WrongStack | 368 | — | ~3.9k | Automated safety check: Pass | MIT |
Similar skills
Flutter Design System
HoangNguyen0403/agent-skills-standard
Enforce Design Language System adherence in Flutter. An agent skill from HoangNguyen0403/agent-skills-standard.
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.
Frontend Design
avibebuilder/claude-prime
Builds distinctive, production-grade UIs that avoid generic AI aesthetics.
Design System
WrongStack/WrongStack
Use this skill BEFORE writing or restyling ANY user-facing interface.
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…
More from cometchat/cometchat-skills
All 97 skills in this repoCometChat 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.
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.
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.
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.
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.
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.
Related
Categories
Questions about Cometchat Flutter V6 Testing
What does Cometchat Flutter V6 Testing do?
Test a Flutter app that uses the CometChat UI Kit — what is worth testing versus what belongs to the kit, mocking the SDK boundary, widget tests around chat screens, and integration/CI setup. Cometchat Flutter V6 Testing is an agent skill from cometchat/cometchat-skills. Test a Flutter app that uses the CometChat UI Kit — what is worth testing versus what belongs to the kit, mocking the SDK boundary, widget tests around chat screens, and integration/CI setup.
When should I use Cometchat Flutter V6 Testing?
Cometchat Flutter V6 Testing fits situations like: tasks that involve Cross-platform mobile apps; tasks that involve Design systems.
How do I install Cometchat Flutter V6 Testing in Claude Code?
Run `npx skills add cometchat/cometchat-skills --skill cometchat-flutter-v6-testing -a claude-code`. Or copy the skill folder (skills/cometchat-flutter-v6-testing in cometchat/cometchat-skills) into .claude/skills/cometchat-flutter-v6-testing in your project. Claude Code loads it when a task matches its description.
How do I install Cometchat Flutter V6 Testing in Codex?
Run `npx skills add cometchat/cometchat-skills --skill cometchat-flutter-v6-testing -a codex`. Or copy the skill folder (skills/cometchat-flutter-v6-testing in cometchat/cometchat-skills) into .agents/skills/cometchat-flutter-v6-testing in your project. Codex loads it when a task matches its description.
Can I use Cometchat Flutter V6 Testing 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-testing -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-testing, .gemini/skills/cometchat-flutter-v6-testing, .github/skills/cometchat-flutter-v6-testing and .opencode/skills/cometchat-flutter-v6-testing in your project.
What does Cometchat Flutter V6 Testing need to run?
Going by SKILL.md and its folder, Cometchat Flutter V6 Testing 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); flutter_test / integration_test.
Does Cometchat Flutter V6 Testing 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 Testing 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 Testing use?
Cometchat Flutter V6 Testing 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 Testing use?
About 1.4k tokens (SKILL.md is roughly 5.5k 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 Testing?
Skills that share tags, products or a category with Cometchat Flutter V6 Testing: Liquid Glass Widgets (sdegenaar/liquid_glass_widgets, 711 stars), Flutter Design System (HoangNguyen0403/agent-skills-standard, 570 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 Testing?
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.