Test Component
gluestack/gluestack-ui
Comprehensive testing of gluestack-ui components across platforms and apps
The CometChat iOS UI Kit component catalogue — what each component is for, its real API shape, and where custom UI goes.
Install Cometchat iOS Components
$ npx skills add cometchat/cometchat-skills --skill cometchat-ios-components -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install cometchat/cometchat-skills cometchat-ios-components --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-ios-components .claude/skills/cometchat-ios-components && 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-ios-components" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-ios-components into .claude/skills/cometchat-ios-components/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-ios-components", 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-ios-componentsType 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-ios-components -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install cometchat/cometchat-skills cometchat-ios-components --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-ios-components .agents/skills/cometchat-ios-components && 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-ios-components" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-ios-components into .agents/skills/cometchat-ios-components/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-ios-components", 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-ios-components -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install cometchat/cometchat-skills cometchat-ios-components --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-ios-components .cursor/skills/cometchat-ios-components && 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-ios-components" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-ios-components into .cursor/skills/cometchat-ios-components/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-ios-components", 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-ios-components--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-ios-components -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install cometchat/cometchat-skills cometchat-ios-components --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-ios-components .gemini/skills/cometchat-ios-components && 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-ios-components" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-ios-components into .gemini/skills/cometchat-ios-components/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-ios-components", 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-ios-componentsInstalls 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-ios-components -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-ios-components .github/skills/cometchat-ios-components && 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-ios-components" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-ios-components into .github/skills/cometchat-ios-components/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-ios-components", 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-ios-components -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-ios-components --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-ios-components .opencode/skills/cometchat-ios-components && 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-ios-components" agent skill from https://github.com/cometchat/cometchat-skills/tree/main/skills/cometchat-ios-components into .opencode/skills/cometchat-ios-components/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cometchat-ios-components", 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-ios-components- GitHub stars
- 129
- Token cost
- ~1.3k tokens
- SKILL.md length
- 511 words
- Files
- 1
- Skills in repo
- 97
- Repo updated
- First seen
- Licence
- MIT
At a glance
The CometChat iOS UI Kit component catalogue — what each component is for, its real API shape, and where custom UI goes.
- Works in 3 steps: Setters return Self and are chainable:… → Properties are assigned:… → Named setters — setXxx(xxx:) with the…
- Customising an individual component
- SKILL.md covers Companion skills (read first), Use this skill when, The catalogue… and Three API shapes — get this…, plus 3 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Cometchat iOS Components is an agent skill from cometchat/cometchat-skills. The CometChat iOS UI Kit component catalogue — what each component is for, its real API shape, and where custom UI goes. Use when picking or customising an individual component. Triggers: 'which cometchat component', 'customise the conversation row', 'add a custom view to the message list', 'ios component list'.
Its SKILL.md is about 1.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: CometChatUIKitSwift 5.1.22 · iOS 15.1+
It sits in Frontend & Design, covering Design systems. It works with CometChat and iOS. 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
- Customising an individual component
- Tasks that involve Design systems
Example prompts
- “which cometchat component”
- “customise the conversation row”
- “add a custom view to the message list”
- “/cometchat-ios-components”
Requirements
- Compatibility (from SKILL.md): CometChatUIKitSwift 5.1.22 · iOS 15.1+
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- Setters return Self and are chainable: set(user:), set(onItemClick:), set(subtitle:).
- Properties are assigned: list.avatarStyle = …, conversations.onSearchClick = { … }, groups.onSelectedItemProceed = { … }.
- Named setters — setXxx(xxx:) with the label repeated: CometChatMessageInformation uses setSubtitle(subtitle:), setBubbleView(bubbleView:)…
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.
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
CometChatUIKitSwift 5.1.22 · iOS 15.1+
From compatibility in the SKILL.md frontmatter.
Context cost
Cometchat iOS Components loads about 1.3k tokens when it runs. Until then it costs about 85 tokens; SKILL.md has 511 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). 511 words, ~1,345 tokens.
Download SKILL.mdSave it as
.claude/skills/cometchat-ios-components/SKILL.md (or your agent's skills folder).- name
- cometchat-ios-components
- description
- The CometChat iOS UI Kit component catalogue — what each component is for, its real API shape, and where custom UI goes. Use when picking or customising an individual component. Triggers: 'which cometchat component', 'customise the conversation row', 'add a custom view to the message list', 'ios component list'.
- compatibility
- CometChatUIKitSwift 5.1.22 · iOS 15.1+
- license
- MIT
- metadata.author
- CometChat
- metadata.version
- 1.0.0
- metadata.tags
- cometchat ios components swift uikit v5
Companion skills (read first)
cometchat-ios-coreowns install, credentials,init → login → renderand the golden-path chat surface. This skill ADDS the per-component catalogue; it never restates core's setup. Fetch exact API viacometchat-ios-core/references/docs-map.md.
Use this skill when
Choosing a component, or customising one: "what shows the member list?", "put a badge on the conversation row", "swap the message bubble".
The catalogue (catalog-verified — nothing else exists)
| Component | For |
|---|---|
CometChatConversations | Recent-chats list · the usual entry point |
CometChatMessageHeader · CometChatMessageList · CometChatCompactMessageComposer | The chat screen — you compose these three yourself |
CometChatUsers · CometChatGroups · CometChatGroupMembers | Pickers and rosters |
CometChatSearch | Global search over conversations and messages |
CometChatThreadedMessageHeader | Thread parent header |
CometChatCallButtons · CometChatIncomingCall · CometChatOngoingCall · CometChatCallLogs | Calling → cometchat-ios-calls |
CometChatAvatar · CometChatBadge · CometChatStatusIndicator · CometChatDate · CometChatReceipt | Base building blocks |
CometChatMessageInformation · CometChatAIAssistanceChatHistory | Per-message detail · AI history |
CometChatScopeChange | Change a member's role. set(group:groupMember:), options: [(String, CometChat.MemberScope)] (property). PRESENT it as a sheet — its Cancel calls dismiss(), so pushing it strands the user. CometChatGroupMembers already presents it on row tap. |
There is NO composite component.
CometChatMessages,CometChat{Users,Groups,Conversations}WithMessages,CometChatAddMembers,CometChatMessageHeaderOptionare v4 or non-existent — never emit them. If a symbol is not incatalogs/ios-v5.json, it does not exist in v5, whatever a page says.
Three API shapes — get this right or nothing compiles
- Setters return
Selfand are chainable:set(user:),set(onItemClick:),set(subtitle:). - Properties are assigned:
list.avatarStyle = …,conversations.onSearchClick = { … },groups.onSelectedItemProceed = { … }. - Named setters —
setXxx(xxx:)with the label repeated:CometChatMessageInformationusessetSubtitle(subtitle:),setBubbleView(bubbleView:),setListItemView(listItemView:),setOnError(onError:). Writing them in shape-1 form (set(subtitle:)) does not compile on that component. Which is which is per component, and the kit is not consistent —CometChatConversationshasset(subtitleView:)/set(trailView:)whileCometChatUsersandCometChatGroupshaveset(subtitle:)/set(trailingView:), andCometChatGroupMembersuses the Conversations spelling. Never generalise a name across components — fetch the component's.mdtwin.
Show full SKILL.md (235 more words)Show less
Where custom UI goes — IN the component's slot, never beside it
Every list component exposes: set(listItemView:) (whole row) · set(leadingView:) · set(titleView:) · subtitle · trailing · set(options:) (swipe/overflow actions). Use these instead of building your own row above the list.
Empty/error/loading are assignable views inherited from CometChatListBase: emptyStateView, errorStateView, loadingView, plus emptyStateTitleText / emptyStateSubTitleText to retitle the built-in one. CometChatSearch is the exception — it does NOT inherit CometChatListBase, so it has none of that chrome; it uses set(emptyView:) / set(errorView:) / set(loadingView:) instead.
Gotchas
set(controller:)on any component that presents something (header, list, composer) or its built-in affordances render and do nothing.CometChatAvatar— usesetAvatar(avatarUrl:with:).set(image:)andinit(image:)compile but render NOTHING. There is noset(user:). Measured on 5.1.19: an avatar given aUIImagethrough eitherset(image:)orinit(image:)draws an empty circle — the image never appears, with no warning and no error, because the kit paints its own content over it.setAvatar(avatarUrl:with:)is the working path, and itswith:name renders initials when no URL loads. There is also no no-arg init:CometChatAvatar()does not compile — construct withCometChatAvatar(image: nil)orCometChatAvatar(frame:)and then callsetAvatar.- Search slots are per result TYPE:
set(listItemViewForMessage:)plus…ForImage/Video/Audio/Document/Link/Conversation. There are no*ForMessagegranular (title/subtitle/leading/trailing) slots — those exist for conversations only, as properties.
Verify it works
The component renders at full size, its custom slot appears in the right place (inside the row, not above the list), and every rendered control does something when tapped.
© 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-ios-components of cometchat/cometchat-skills.
Open the folder on GitHubat commit 911b108
Compare with similar skills
Cometchat iOS 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Cometchat iOS Components this skillcometchat/cometchat-skills | 129 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Test Componentgluestack/gluestack-ui | 5.3k | — | ~3.2k | Automated safety check: Pass | None | |
| Penpot Uiux Designgithub/awesome-copilot | 40k | 1 repos | ~3k | Automated safety check: Pass | MIT | |
| App UI Designmajiayu000/spellbook | 286 | — | ~2.9k | Automated safety check: Pass | MIT | |
| UI Designhashgraph-online/awesome-codex-plugins | 1.2k | — | ~904 | Automated safety check: Pass | Apache-2.0 | |
| Expo Design System Scaffolderpproenca/dot-skills | 214 | — | ~1.5k | Automated safety check: Pass | MIT |
Similar skills
- Official
Penpot Uiux Design
github/awesome-copilot
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools.
App UI Design
majiayu000/spellbook
Mobile app UI design expert for iOS and Android. An agent skill from majiayu000/spellbook.
UI Design
hashgraph-online/awesome-codex-plugins
Design, build, or improve web and mobile interfaces using real product examples from UIZZE’s 800,000+ web and iOS screens.
Expo Design System Scaffolder
pproenca/dot-skills
Scaffolds Expo / React Native design system components that obey the expo-design-system rules by construction — a variant-driven pressable primitive, a slot-based card surface, a typed text…
iOS Design System
pproenca/dot-skills
Clinic-architecture-aligned iOS design system engineering for SwiftUI (iOS 26 / Swift 6.2) covering token architecture, color/typography/spacing systems, component style libraries, asset governance…
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 iOS Components
What does Cometchat iOS Components do?
The CometChat iOS UI Kit component catalogue — what each component is for, its real API shape, and where custom UI goes. Cometchat iOS Components is an agent skill from cometchat/cometchat-skills. The CometChat iOS UI Kit component catalogue — what each component is for, its real API shape, and where custom UI goes.
When should I use Cometchat iOS Components?
Cometchat iOS Components fits situations like: customising an individual component; tasks that involve Design systems.
How do I install Cometchat iOS Components in Claude Code?
Run `npx skills add cometchat/cometchat-skills --skill cometchat-ios-components -a claude-code`. Or copy the skill folder (skills/cometchat-ios-components in cometchat/cometchat-skills) into .claude/skills/cometchat-ios-components in your project. Claude Code loads it when a task matches its description.
How do I install Cometchat iOS Components in Codex?
Run `npx skills add cometchat/cometchat-skills --skill cometchat-ios-components -a codex`. Or copy the skill folder (skills/cometchat-ios-components in cometchat/cometchat-skills) into .agents/skills/cometchat-ios-components in your project. Codex loads it when a task matches its description.
Can I use Cometchat iOS 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-ios-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-ios-components, .gemini/skills/cometchat-ios-components, .github/skills/cometchat-ios-components and .opencode/skills/cometchat-ios-components in your project.
What does Cometchat iOS Components need to run?
SKILL.md names no scripts, command-line tools or credentials: Cometchat iOS Components is instructions for the agent only. Compatibility (from SKILL.md): CometChatUIKitSwift 5.1.22 · iOS 15.1+.
Does Cometchat iOS 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 iOS 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 iOS Components use?
Cometchat iOS 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 iOS Components use?
About 1.3k tokens (SKILL.md is roughly 5.4k 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 iOS Components?
Skills that share tags, products or a category with Cometchat iOS Components: Test Component (gluestack/gluestack-ui, 5.3k stars), Penpot Uiux Design (github/awesome-copilot, 40k stars), App UI Design (majiayu000/spellbook, 286 stars) and UI Design (hashgraph-online/awesome-codex-plugins, 1.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Cometchat iOS Components?
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.