ワンクリックでManusで任意のスキルを実行

spotiarr-i18n

スター36

フォーク6

更新日2026年6月10日 18:00

Trigger: i18n, translation, i18next, language, locale, new language, translate. spotiarr frontend i18n: key conventions, useLanguageSync override, adding languages.

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

mralexsaavedra

mralexsaavedra/spotiarr

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

Activation Contract

Load when adding/modifying translations, working with i18n keys, or adding a new frontend language.

Hard Rules

Language is controlled by UI_LANGUAGE backend setting via useLanguageSync — it overrides browser detection. Never call i18n.changeLanguage() manually elsewhere.
escapeValue: false is configured — HTML in translation strings is NOT escaped. Never put untrusted content in translation values.
Add new keys to ALL language files simultaneously — missing keys silently fall back to key name.

Key Conventions

Nested dot-notation: common.loading, common.errors.pageNotFound, common.trackStatus.error
Interpolation keys: common.dates.todayAt → t("common.dates.todayAt", { time: "14:30" })
camelCase key names: downloadAll, clearAll, openInSpotify
Top-level groups beyond common exist (e.g. instanceAuth, player, settings) — check src/locales/en.json for the current group list before adding a new top-level key.

Decision Gates

Action	Steps
Add keys	Edit `src/locales/en.json` + `src/locales/es.json` simultaneously
Add new language	Copy `en.json` → `{lang}.json` · import in `i18n.ts` · add to `resources` · update `i18next.d.ts`
Use in component	`const { t } = useTranslation()` → `t("key.path")`

References

Config: apps/frontend/src/i18n.ts
Locales: apps/frontend/src/locales/
Type declarations: apps/frontend/src/types/i18next.d.ts
Language sync hook: apps/frontend/src/hooks/useLanguageSync.ts

このリポジトリの他の Skills

同じリポジトリ

spotiarr-docker

mralexsaavedra/spotiarr

Trigger: Docker, docker-compose, deploy, container, volume, DOWNLOADS_DIR, PUID, PGID, update, self-hosted. spotiarr Docker setup: services, volumes, env vars, update flow.

2026-06-2436

spotiarr-zustand

mralexsaavedra/spotiarr

Trigger: Zustand, store, client state, usePlayerStore, usePreferencesStore, playerUISlice, ephemeral state, persist middleware. spotiarr Zustand rules: 2 stores + player UI slice, server state stays in TanStack Query, patterns for selectors and bulk hooks.

2026-06-1836

spotiarr-workflow

mralexsaavedra/spotiarr

Trigger: command, validate, PR, branch, run lint, run build, secrets. Correct pnpm commands, branch naming, PR checklist, and secrets rules for spotiarr.

2026-06-1036

spotiarr-architecture

mralexsaavedra/spotiarr

Trigger: architecture, layer, placement, where does X go, new feature, repo structure. spotiarr layer rules: backend DDD-lite, frontend hooks/store/views.

2026-06-1036

spotiarr-sse

mralexsaavedra/spotiarr

Trigger: SSE, server-sent events, real-time, useServerEvents, live updates, EventSource. spotiarr SSE pattern: frontend EventSource hook, backend AppEventBus, 4 event types.

2026-06-1036

oxlint

mralexsaavedra/spotiarr

Run and configure oxlint — the high-performance JavaScript/TypeScript linter built on the Oxc compiler stack. Use this skill whenever working in a project that has oxlint installed (check for `oxlint` in package.json devDependencies or an `.oxlintrc.json` / `oxlint.config.ts` config file). This includes when you need to lint code after making changes, fix linting errors, configure oxlint rules/plugins, set up or modify `.oxlintrc.json`, or migrate from ESLint.

2026-06-0636

name	spotiarr-i18n
description	Trigger: i18n, translation, i18next, language, locale, new language, translate. spotiarr frontend i18n: key conventions, useLanguageSync override, adding languages.
license	Apache-2.0
metadata	{"author":"gentleman-programming","version":"2.0"}

Activation Contract

Load when adding/modifying translations, working with i18n keys, or adding a new frontend language.

Hard Rules

Language is controlled by UI_LANGUAGE backend setting via useLanguageSync — it overrides browser detection. Never call i18n.changeLanguage() manually elsewhere.
escapeValue: false is configured — HTML in translation strings is NOT escaped. Never put untrusted content in translation values.
Add new keys to ALL language files simultaneously — missing keys silently fall back to key name.

Key Conventions

Nested dot-notation: common.loading, common.errors.pageNotFound, common.trackStatus.error
Interpolation keys: common.dates.todayAt → t("common.dates.todayAt", { time: "14:30" })
camelCase key names: downloadAll, clearAll, openInSpotify
Top-level groups beyond common exist (e.g. instanceAuth, player, settings) — check src/locales/en.json for the current group list before adding a new top-level key.

Decision Gates

Action	Steps
Add keys	Edit `src/locales/en.json` + `src/locales/es.json` simultaneously
Add new language	Copy `en.json` → `{lang}.json` · import in `i18n.ts` · add to `resources` · update `i18next.d.ts`
Use in component	`const { t } = useTranslation()` → `t("key.path")`

References

Config: apps/frontend/src/i18n.ts
Locales: apps/frontend/src/locales/
Type declarations: apps/frontend/src/types/i18next.d.ts
Language sync hook: apps/frontend/src/hooks/useLanguageSync.ts