I18n

Skill PIXARTSeu/Synapse/packages/codegraph/data/skill/i18n

Self-improving AI brain for Claude Code & Desktop — 28 MCP tools, 253 skills, collective memory, project tracking, work logs. One server, all your sessions share the same knowledge. Deploy on Coolify in 2 minutes.

Install

npx -y skills add PIXARTSeu/Synapse --skill i18n

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
8 stars8 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.

What its author says it does

Copied from the file, not written here

Internationalization knowledge base - next-intl, routing, SEO multilingua. Use when implementing i18n, adding language support (IT/EN/CZ), setting up locale routing, or translating content in Next.js.

SKILL.md

2.9 KB, as published. Nobody here has run it

i18n Knowledge Base

Lingue Supportate

Code	Lingua	Locale
it	Italiano	it-IT
en	English	en-US
cs	Čeština	cs-CZ

next-intl Setup

npm install next-intl

// src/i18n/config.ts
export const locales = ['it', 'en', 'cs'] as const;
export type Locale = (typeof locales)[number];
export const defaultLocale: Locale = 'it';

Middleware Configuration

// middleware.ts
import createMiddleware from 'next-intl/middleware';

export default createMiddleware({
  locales: ['it', 'en', 'cs'],
  defaultLocale: 'it',
  localePrefix: 'always',
});

export const config = {
  matcher: ['/((?!api|_next|.*\\..*).*)'],
};

Messages Structure

// messages/it.json
{
  "common": {
    "loading": "Caricamento...",
    "submit": "Invia"
  },
  "home": {
    "title": "Benvenuto",
    "description": "La soluzione per te"
  }
}

Usage in Components

import { useTranslations } from 'next-intl';

function Component() {
  const t = useTranslations('home');
  return <h1>{t('title')}</h1>;
}

Pluralization

{
  "items": "{count, plural, =0 {Nessun elemento} one {# elemento} other {# elementi}}"
}

t('items', { count: 5 }) // "5 elementi"

Language Switcher

'use client';
import { useLocale } from 'next-intl';
import { useRouter, usePathname } from 'next/navigation';

export function LanguageSwitcher() {
  const locale = useLocale();
  const router = useRouter();
  const pathname = usePathname();

  function switchLocale(newLocale: string) {
    router.push(pathname.replace(`/${locale}`, `/${newLocale}`));
  }

  return (
    <select value={locale} onChange={(e) => switchLocale(e.target.value)}>
      <option value="it">Italiano</option>
      <option value="en">English</option>
      <option value="cs">Čeština</option>
    </select>
  );
}

SEO Multilingua

// layout.tsx
export async function generateMetadata({ params: { locale } }) {
  return {
    alternates: {
      languages: {
        'it': '/it',
        'en': '/en',
        'cs': '/cs',
        'x-default': '/it',
      },
    },
  };
}

Date/Number Formatting

import { useFormatter } from 'next-intl';

function Formatted() {
  const format = useFormatter();
  
  return (
    <>
      <p>{format.dateTime(new Date(), { dateStyle: 'long' })}</p>
      <p>{format.number(1234.56, { style: 'currency', currency: 'EUR' })}</p>
    </>
  );
}