AgentStack
Sign in Publish
MCP servers Skills Toolkits Why AgentStack Sell Docs
Sign in
SKILL verified MIT Self-run

Clawbox Ui I18n

skill-commonstackai-clawbox-clawbox-ui-i18n · by CommonstackAI

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.

↗ Repository
— No reviews yet
0 installs
13 views
0.0% view→install

Install

$ agentstack add skill-commonstackai-clawbox-clawbox-ui-i18n

✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • ✓ Prompt-injection patterns
  • ✓ Secret / credential exfiltration
  • ✓ Dangerous shell & filesystem operations
  • ✓ Untrusted network calls
  • ✓ Known-malicious package signatures

What it can access

  • ✓ Network access No
  • ✓ Filesystem access No
  • ✓ Shell / process execution No
  • ✓ Environment & secrets No
  • ✓ Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

Are you the author of Clawbox Ui I18n? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

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.ts if the component loads or mutates backend data
  • src/locales/en/translation.json
  • src/locales/zh/translation.json

Workflow

  1. Add or update translation keys before wiring UI text.
  2. Keep translation keys nested by feature instead of flattening unrelated labels into generic buckets.
  3. Prefer existing store actions and selectors over adding duplicate component-local copies of remote state.
  4. 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.

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet — be the first.

Write a review

Versions

  • v0.1.0 Imported from the upstream source.

More in Agent Skills