Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add CommonstackAI/ClawBox --skill clawbox-ui-i18ngit clone --depth 1 https://github.com/CommonstackAI/ClawBoxWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/commonstackai/clawbox/clawbox-ui-i18n)<a href="https://agentmods.dev/skills/commonstackai/clawbox/clawbox-ui-i18n"><img src="https://agentmods.dev/badge/skills/commonstackai/clawbox/clawbox-ui-i18n.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00046 | $0.00298 |
| Opus 5 | $0.00023 | $0.00149 |
| Sonnet 5 | $0.00009 | $0.00060 |
| Haiku 4.5 | $0.00005 | $0.00030 |
Grade A, and why
clawbox-ui-i18n scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 8d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
ClawBox UI i18n
Use this skill for ClawBox frontend UI work, copy changes, settings screens, onboarding screens, dialogs, and general React component changes.
Read first
- The target component under
src/components/ - Any matching Zustand store under
src/store/ src/services/api.tsif the component loads or mutates backend datasrc/locales/en/translation.jsonsrc/locales/zh/translation.json
Workflow
- Add or update translation keys before wiring UI text.
- Keep translation keys nested by feature instead of flattening unrelated labels into generic buckets.
- Prefer existing store actions and selectors over adding duplicate component-local copies of remote state.
- If a component opens dialogs or renders chat blocks, inspect the sibling components in the same feature folder before changing layout or behavior.
Verification
- Update both locale files in the same diff.
- Run
npm run build:frontend.
Guardrails
- Do not leave hard-coded user-facing strings in JSX.
- Preserve existing Radix UI and Tailwind patterns unless the task explicitly redesigns the feature.
- Keep frontend API usage centralized in service modules where possible.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 8d ago First seen · 35 lines · 46 tokens per session scan A 020c5516aede
clawbox-ui-i18n is a skill published in the GitHub repository CommonstackAI/ClawBox (22 stars, last pushed 4mo ago), licensed MIT. It adds 46 tokens to every session and 298 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
frontend-conventions
Coding conventions, architecture patterns, and testing rules for the SkillHub React frontend. Ensures agents follow Feature-Sliced Design and use the generated OpenAPI types.
extract-source-sample
Given the path to a finished content-goose ad-run folder, extract everything that defines that ad — recipe shot list, VO script, characters, voices, world, atom-skills, master mp4 — and emit a source-sample.json in the exact shape the upload-ad-sample skill writes to the Goose Ads library. Also links every character…
experience-ui-bundle-localize
MUST activate to localize / internationalize a uiBundles//src/ project (React or Angular): extract hardcoded user-facing strings into Custom Labels, wire a runtime i18n library over the Platform SDK backend, add labels for another language, or troubleshoot label rendering across locales. Triggers: user-facing string…
ss-motion
Apply a named StyleSeed motion to a component — either one of the 5 personality seeds (Spring/Silk/Snap/Float/Pulse × entrance/exit/hover/press/layout) or a distinctive keyword move from the motion library (toggle-flip, toggle-curtain, reveal-blur, pop-in, shimmer, …). Translates vibe words into framer-motion code…
json-ui
CRITICAL: Use for json-ui component rendering and development. Triggers on: json-ui, json render, component catalog, report render, HTML report, I18nString, i18n, bilingual, language switch, dual language, PaperHeader, AuthorList, Abstract, MetricsGrid, Section, Highlight, Zod schema, catalog.ts, cli.ts…
nextjs-expert
Next.js expert for App Router, SSR/SSG, API routes, middleware, and deployment.