Clawbox ui i18n
Use when changing ClawBox React components, dialogs, settings pages, sidebar flows, or any user-facing copy that must stay aligned with react-i18next and the project's bilingual locale files.From its SKILL.md
npx -y skills add CommonstackAI/ClawBox --skill clawbox-ui-i18nAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- 22 stars22 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
- runs commandsInstructs the agent to run 1 command, including `npm run build:frontend`.
SKILL.md
1.4 KB, 248 tokens by cl100k_base, as published. Nobody here has run it
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 ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.