Agent skill

Builder UI I18n

by ChatbotXIO in ChatbotXIO/ChatbotX

Build or modify ChatbotX builder UI components, forms, tables, dialogs, shared UI usage, and translations.

Custom licenceAuto-check passedFrontend & Design

Install Builder UI I18n

skills CLI
$ npx skills add ChatbotXIO/ChatbotX --skill builder-ui-i18n -a claude-code

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

GitHub CLI
$ gh skill install ChatbotXIO/ChatbotX builder-ui-i18n --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/ChatbotXIO/ChatbotX.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/builder-ui-i18n .claude/skills/builder-ui-i18n && 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
builder-ui-i18n
GitHub stars
881
Token cost
~2.1k tokens
SKILL.md length
800 words
Files
1
Skills in repo
18
Repo updated
First seen
Licence
Custom licence

At a glance

Build or modify ChatbotX builder UI components, forms, tables, dialogs, shared UI usage, and translations.

  • Works in 3 steps: Defined form field from… → Shadcn UI primitive from… → Raw React/HTML element — last resort only.
  • User-facing React/Next.js UI in apps/builder
  • SKILL.md covers UI Stack, i18n Rule, Form Pattern and Layout and Components, plus 2 more sections
  • Calls pnpm

What it does

Builder UI I18n is an agent skill from ChatbotXIO/ChatbotX. Build or modify ChatbotX builder UI components, forms, tables, dialogs, shared UI usage, and translations. Use for user-facing React/Next.js UI in apps/builder, especially when labels, placeholders, menus, or validation messages are added or changed.

Its SKILL.md is about 2.1k 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 Frontend & Design, covering Internationalization and Translation. It works with Next.js and React. The repository describes itself as: Open-source ManyChat alternative, built for AI. Omnichannel marketing across WhatsApp, TikTok, Facebook, Instagram, Telegram, Zalo, Email, API, and Webchat 🤖.

When your agent uses it

  • User-facing React/Next.js UI in apps/builder
  • Especially when labels
  • Validation messages are added

Example prompts

  • “/builder-ui-i18n”

Workflow steps

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

  1. Defined form field from @chatbotx.io/ui/components/form/* — first choice.
  2. Shadcn UI primitive from @chatbotx.io/ui/components/ui/* wrapped in a
  3. Raw React/HTML element — last resort only.

What it can do on your machine

Read from SKILL.md and the folder at commit 81b971a. 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:

    • pnpm

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

  • Network

    No URLs in SKILL.md. Its commands use pnpm, which can reach the network depending on how they are called.

    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

Builder UI I18n loads about 2.1k tokens when it runs. Until then it costs about 67 tokens; SKILL.md has 800 words of instructions outside code blocks.

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

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

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 800 words (~2,123 tokens).

“Use for apps/builder UI work. Pair with feature-scaffold for new feature modules and pages.”

— opening of SKILL.md by ChatbotXIO, Custom licence
name
builder-ui-i18n

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .agents/skills/builder-ui-i18n of ChatbotXIO/ChatbotX.

Open the folder on GitHubat commit 81b971a

Compare with similar skills

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

Builder UI I18n compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Builder UI I18n this skillChatbotXIO/ChatbotX881—~2.1kAutomated safety check: PassCustom licence
Readme I18nY80/bmm3442 repos~1.9kAutomated safety check: PassMIT
Frontend I18nlangflow-ai/langflow155k—~1kAutomated safety check: PassMIT
Lingui Best PracticesB0und/WikiSpeedrun1332 repos~4.2kAutomated safety check: PassMIT
I18next Localizationi18next/i18next-cli242—~1.6kAutomated safety check: PassMIT
Nextjs Nextra Starter Distillpdsuwwz/nextjs-nextra-starter318—~596Automated safety check: PassMIT

Similar skills

  • A skill your agent uses when the user wants to translate a repository README, make a repo multilingual, localize docs, add a language switcher, internationalize the README, or update localized…

    344 GitHub starsUsed in 2 repos~1.9k tokens
    Frontend & DesignAuto-check passed
  • Frontend I18n

    langflow-ai/langflow

    Add, change, or review user-facing text in the Langflow frontend using the i18n system (i18next / react-i18next).

    155k GitHub stars~1k tokensUpdated today
    Frontend & DesignAuto-check passed
  • Lingui Best Practices

    B0und/WikiSpeedrun

    Implement internationalization with Lingui in React and JavaScript applications.

    133 GitHub starsUsed in 2 repos~4.2k tokens
    Frontend & DesignAuto-check passed
  • I18next Localization

    i18next/i18next-cli

    Takes an app from hardcoded strings to a localized, continuously translated one with i18next (Locize optional): stack detection, config, wrapping strings in t(), key extraction, Locize sync, and AI…

    242 GitHub stars~1.6k tokensUpdated yesterday
    Frontend & DesignAuto-check passed
  • Nextjs Nextra Starter Distill

    pdsuwwz/nextjs-nextra-starter

    Distill and apply this repository's Next.js Nextra starter architecture, implemented features, extension points, and migration patterns.

    318 GitHub stars~596 tokensUpdated 22 days ago
    Frontend & DesignAuto-check passed
  • Add Language

    ZoneMinder/zmNinjaNg

    A skill your agent uses when adding a new interface language (locale) to the app, or when asked to translate the UI into another language.

    110 GitHub stars~1.1k tokensUpdated 3 days ago
    Frontend & DesignAuto-check passed

More from ChatbotXIO/ChatbotX

All 18 skills in this repo
  • Business Data Access

    ChatbotXIO/ChatbotX

    Implement or modify ChatbotX business services, repositories, cache invalidation, event emission, and data-access boundaries.

    881 GitHub stars~1.9k tokensUpdated today
    Auto-check passed
  • Chatbotx Basecode

    ChatbotXIO/ChatbotX

    Understand and audit the ChatbotX base code before making changes.

    881 GitHub stars~867 tokensUpdated today
    Auto-check passed
  • Contact Filter

    ChatbotXIO/ChatbotX

    Work with the ChatbotX contact filter system — the shared filter model behind the contacts list, conversations, and broadcast audiences.

    881 GitHub stars~2.5k tokensUpdated today
    Auto-check passed
  • Drizzle Database

    ChatbotXIO/ChatbotX

    Work with Drizzle ORM database schema, migrations, relations, and queries in PostgreSQL.

    881 GitHub stars~2.1k tokensUpdated today
    Auto-check passed
  • Flow Step Development

    ChatbotXIO/ChatbotX

    Add new flow steps with state-based routing (success/error/skip).

    881 GitHub stars~2.2k tokensUpdated today
    Auto-check passed
  • Minigame

    ChatbotXIO/ChatbotX

    Work on the Minigame tool — the Jackpot slot-machine game (and four scaffolded-but-unimplemented types: luckyWheel, gashapon, drawLots, scratchOff) that workspaces create, share a public play link…

    881 GitHub stars~3.3k tokensUpdated today
    Auto-check passed

Works with

Questions about Builder UI I18n

What does Builder UI I18n do?

Build or modify ChatbotX builder UI components, forms, tables, dialogs, shared UI usage, and translations. Builder UI I18n is an agent skill from ChatbotXIO/ChatbotX. Build or modify ChatbotX builder UI components, forms, tables, dialogs, shared UI usage, and translations.

When should I use Builder UI I18n?

Builder UI I18n fits situations like: user-facing React/Next.js UI in apps/builder; especially when labels; validation messages are added.

How do I install Builder UI I18n in Claude Code?

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

How do I install Builder UI I18n in Codex?

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

Can I use Builder UI I18n 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 ChatbotXIO/ChatbotX --skill builder-ui-i18n -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/builder-ui-i18n, .gemini/skills/builder-ui-i18n, .github/skills/builder-ui-i18n and .opencode/skills/builder-ui-i18n in your project.

What does Builder UI I18n need to run?

Going by SKILL.md and its folder, Builder UI I18n needs the command-line tools its instructions call (pnpm).

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

Builder UI I18n has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Builder UI I18n use?

About 2.1k tokens (SKILL.md is roughly 8.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 Builder UI I18n?

Skills that share tags, products or a category with Builder UI I18n: Readme I18n (Y80/bmm, 344 stars), Frontend I18n (langflow-ai/langflow, 155k stars), Lingui Best Practices (B0und/WikiSpeedrun, 133 stars) and I18next Localization (i18next/i18next-cli, 242 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Builder UI I18n?

ChatbotXIO (a GitHub organization) maintains it in ChatbotXIO/ChatbotX, which has 881 GitHub stars. The repository holds 18 skills in this directory. The repository was last updated on October 9, 2026.

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