localization-paraglide

Use when adding, reviewing, or fixing localized UI copy in agentsview's Svelte frontend with Paraglide JS. Trigger for frontend/messages/*.json edits, generated m.* message usage, locale-aware number/date/relative-time formatting, pluralization, language switching, or hard-coded user-facing English in frontend/src.

Jump to install

Repository: kenn-io/agentsview
Last source activity: June 25, 2026 at 20:55
Detected SKILL.md language: English
Stars: 5,050
Forks: 596

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/kenn-io/agentsview --skill localization-paraglide

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

3 files

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

testing-without-tautologies

Use when creating, editing, fixing, or reviewing tests; when adding mocks, fakes, assertions, unit tests, PG integration tests, frontend component tests, or Playwright e2e tests; or when changing tests after failures.

2026-07-04

View all from this repository

Localization Paraglide

Workflow

Read frontend/project.inlang/settings.json, frontend/src/lib/i18n/index.ts, and nearby localized components before editing.

Put user-facing copy in frontend/messages/en.json and frontend/messages/zh-CN.json with identical keys.

Import app localization through frontend/src/lib/i18n/index.ts:

import { m } from "../../i18n/index.js";

Call generated Paraglide messages as functions, for example m.nav_sessions() or m.shared_active_filters_remove_agent({ agent }).

Use Paraglide message declarations for plural, number, datetime, and relative time when the formatted value is part of translatable copy.

Use formatDateTime() from frontend/src/lib/i18n/index.ts for standalone visible date/time labels that need the active Paraglide locale.

Keep technical identifiers untranslated: agent names, model names, file paths, CLI commands, IDs, and raw API values.

Run npm run i18n:compile and npm run check from frontend/ after message or component changes.

Message Rules

Keep key names scoped and descriptive, such as settings_terminal_title or activity_concurrency_empty.

Do not concatenate translated sentence fragments. Prefer one complete message with parameters.

Pass numbers as numbers to pluralized messages. Pass strings only for display fragments that have already been intentionally formatted.

In Svelte, put arrays or objects containing translated labels in $derived or $derived.by when they must update after locale changes.

Do not import from frontend/src/lib/paraglide/* directly in components unless changing the i18n wrapper itself.

Formatting

Read references/paraglide-formatting.md when adding pluralization, ordinal rules, date/time formatting, relative dates, compact numbers, currencies, or mixed selector messages.