How does it handle CMS field localization?

It enforces the use of the 'localized: true' property for all text fields within Payload CMS to ensure content is translatable.

How do I format currency according to the user's locale?

Use the Intl.NumberFormat API combined with the active locale provided by the application's global state as shown in the skill's implementation patterns.

Where are UI labels managed in this system?

Labels are stored in a centralized globals file and accessed via the application's global state to prevent hardcoded strings.

Does this skill require external i18n libraries?

No, this skill prioritizes native JavaScript Intl APIs for formatting dates, numbers, and lists to minimize dependencies and improve performance.

Internationalization & Localization

Name: Internationalization & Localization
Author: jhb-software

byjhb-software

•

内容管理

Implements standardized internationalization patterns and multi-language support for Payload CMS and Astro projects.

This skill provides comprehensive guidance for managing multi-language content within the Payload CMS and Astro ecosystem. It enforces best practices such as localized CMS fields, centralized label management via global states, and the use of native JavaScript Intl APIs for locale-aware formatting of dates, currencies, and lists. By following these patterns, developers can ensure their web applications are scalable, maintainable, and offer a consistent user experience across different regions without relying on heavy third-party libraries or manual string concatenation.

主要功能

01Eliminates hardcoded strings through structured i18n patterns

02Ensures consistent locale-aware formatting using global state

0322 GitHub stars

04Standardizes centralized label management for Astro components

05Promotes native JavaScript Intl APIs for dates, numbers, and currencies

06Enforces localized field configuration in Payload CMS

使用场景

01Managing translatable UI labels across large-scale frontend components

02Developing multi-language marketing websites with Payload CMS and Astro

03Formatting localized dates and currencies according to regional standards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jhb-software/payload-astro-website-template intl

For use in Claude.ai and ChatGPT

Download Skill