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

UI Components

by championswimmer in championswimmer/TwoFac

Structure and routing guide for composeApp screens, components, and their relationships.

No licenceAuto-check passedMobile

Install UI Components

skills CLI
$ npx skills add championswimmer/TwoFac --skill ui-components -a claude-code

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

GitHub CLI
$ gh skill install championswimmer/TwoFac ui-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/championswimmer/TwoFac.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/ui-components .claude/skills/ui-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
ui-components
GitHub stars
130
Token cost
~1.2k tokens
SKILL.md length
405 words
Files
1
Skills in repo
8
Repo updated
First seen
Licence
None found

At a glance

Structure and routing guide for composeApp screens, components, and their relationships.

  • Works in 4 steps: Prefer reusable components in… → Choose domain by feature ownership → Keep route-specific glue/state logic in… → …
  • Mobile work in your project
  • SKILL.md covers composeApp UI structure, Screens and responsibilities, Screen → component relationships and Component nesting relationships, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

UI Components is an agent skill from championswimmer/TwoFac. Structure and routing guide for composeApp screens, components, and their relationships.

Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Mobile. It works with Kotlin. The repository describes itself as: 2FA Authenticator app that works on mobile, web, desktop, watches and CLI!

When your agent uses it

  • Mobile work in your project

Example prompts

  • “/ui-components”

Workflow steps

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

  1. Prefer reusable components in components//ComponentName.kt.
  2. Choose domain by feature ownership
  3. Keep route-specific glue/state logic in screen files; extract only reusable/presentational parts into components/*.
  4. If you create a new domain, keep naming consistent: tech.arnav.twofac.components..ComponentName.

What it can do on your machine

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

Context cost

UI Components loads about 1.2k tokens when it runs. Until then it costs about 26 tokens; SKILL.md has 405 words of instructions outside code blocks.

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

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

Without a licence we can't republish the file, so here is its outline and opening line. It has 405 words (~1,228 tokens).

“Use this skill when working on UI in composeApp, especially to decide where to place new screens/components and how they connect.”

— opening of SKILL.md by championswimmer
name
ui-components

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .agents/skills/ui-components of championswimmer/TwoFac.

Open the folder on GitHubat commit 1360a71

Compare with similar skills

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

UI Components compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
UI Components this skillchampionswimmer/TwoFac130—~1.2kAutomated safety check: PassNone
Compose Multiplatform Patternsmonta-app/ocpp-emulator1805 repos~2kAutomated safety check: PassApache-2.0
Kotlin Patternsgetknit/knit1325 repos~4.7kAutomated safety check: PassGPL-3.0
Summoncodeyousef/summon167—~1.1kAutomated safety check: PassApache-2.0
Add JSON Schemayontrack/yontrack102—~883Automated safety check: PassMIT
Add Ktnip Parameter Strategyvendelieu/telegram-bot249—~613Automated safety check: PassApache-2.0

Similar skills

  • Compose Multiplatform Patterns

    monta-app/ocpp-emulator

    Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.

    180 GitHub starsUsed in 5 repos~2k tokens
    MobileAuto-check passed

  • Kotlin Patterns

    getknit/knit

    Idiomatic Kotlin patterns, best practices, and conventions for building robust, efficient, and maintainable Kotlin applications with coroutines, null safety, and DSL builders.

    132 GitHub starsUsed in 5 repos~4.7k tokens
    MobileAuto-check passed

  • Summon

    codeyousef/summon

    A skill your agent uses when developing applications with the Summon Kotlin Multiplatform UI framework.

    167 GitHub stars~1.1k tokensUpdated yesterday
    MobileAuto-check passed

  • Add JSON Schema

    yontrack/yontrack

    Add a new downloadable JSON schema to the Resources page — Kotlin provider class only, auto-discovered by Spring.

    102 GitHub stars~883 tokensUpdated today
    MobileAuto-check passed

  • Add Ktnip Parameter Strategy

    vendelieu/telegram-bot

    Adds a new parameter resolution strategy to the ktnip KSP processor.

    249 GitHub stars~613 tokensUpdated 5 days ago
    MobileAuto-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.

    131 GitHub stars~4k tokensUpdated 4 days ago
    MobileAuto-check passed

More from championswimmer/TwoFac

All 8 skills in this repo

  • Dependency Updates

    championswimmer/TwoFac

    Audit repo dependencies by default and only apply library upgrades when explicitly requested.

    130 GitHub stars~1k tokensUpdated 4 mo ago
    Auto-check passed

  • Simulators Emulators

    championswimmer/TwoFac

    How to list, pick, and boot Android emulators and iOS simulators for local app runs.

    130 GitHub stars~1.3k tokensUpdated 4 mo ago
    Auto-check passed

  • Gradle Build

    championswimmer/TwoFac

    Use Gradle commands to build and run the app by platform. An agent skill from championswimmer/TwoFac.

    130 GitHub stars~1.2k tokensUpdated 4 mo ago
    Auto-check passed

  • Kmp Modules

    championswimmer/TwoFac

    Guidance on where to place different types of code in this Kotlin Multiplatform project.

    130 GitHub stars~1.1k tokensUpdated 4 mo ago
    Auto-check passed

  • UI Testing

    championswimmer/TwoFac

    How to run, write, and debug local UI tests for Android, iOS, and browser builds.

    130 GitHub stars~215 tokensUpdated 4 mo ago
    Auto-check passed

  • Plan Roadmap

    championswimmer/TwoFac

    How to create plans and follow roadmaps

    130 GitHub stars~278 tokensUpdated 4 mo ago
    Auto-check passed

Works with

Categories

Questions about UI Components

What does UI Components do?

Structure and routing guide for composeApp screens, components, and their relationships. UI Components is an agent skill from championswimmer/TwoFac. Structure and routing guide for composeApp screens, components, and their relationships.

When should I use UI Components?

UI Components fits situations like: mobile work in your project.

How do I install UI Components in Claude Code?

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

How do I install UI Components in Codex?

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

Can I use UI 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 championswimmer/TwoFac --skill ui-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/ui-components, .gemini/skills/ui-components, .github/skills/ui-components and .opencode/skills/ui-components in your project.

What does UI Components need to run?

SKILL.md names no scripts, command-line tools or credentials: UI Components is instructions for the agent only.

Does UI 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 UI 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 UI Components use?

No licence was found for UI Components or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does UI Components use?

About 1.2k tokens (SKILL.md is roughly 4.9k 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 UI Components?

Skills that share tags, products or a category with UI Components: Compose Multiplatform Patterns (monta-app/ocpp-emulator, 180 stars), Kotlin Patterns (getknit/knit, 132 stars), Summon (codeyousef/summon, 167 stars) and Add JSON Schema (yontrack/yontrack, 102 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains UI Components?

championswimmer (a GitHub user) maintains it in championswimmer/TwoFac, which has 130 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on June 1, 2026.

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