fluent-agents-project-scaffolder

Generate Fluent i18n React project scaffolding with FTL files and localization logic.

1|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/OpenAEC-Foundation/Fluent-i18n-Claude-Skill-Package --skill fluent-agents-project-scaffolder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fluent-agents-project-scaffolder
Source: https://github.com/OpenAEC-Foundation/Fluent-i18n-Claude-Skill-Package/tree/main/skills/source/fluent-agents/fluent-agents-project-scaffolder
Command: npx skills add https://github.com/OpenAEC-Foundation/Fluent-i18n-Claude-Skill-Package --skill fluent-agents-project-scaffolder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scaffolds a Fluent i18n React project to eliminate incomplete localization setups.

Core Features & Use Cases

  • Generates per-locale FTL files, FluentBundle configuration, and locale negotiation logic.
  • Creates a LocalizationProvider wrapper, l10n index, bundles, switch, and a LocalizedApp scaffold for rapid integration.
  • Applies to new React projects requiring robust i18n scaffolding, with sample locale folders and translations.

Quick Start

Run the scaffold tool to generate a complete Fluent i18n React project boilerplate with localization support.

Frequently Asked Questions about fluent-agents-project-scaffolder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up Fluent i18n in a React project?▼

Set up Fluent i18n in React by scaffolding per-locale FTL files, FluentBundle configuration, and a LocalizationProvider wrapper. This generates a complete localization loader, locale negotiation logic, and ready-to-use components like LocalizedApp and LocaleSwitcher for rapid integration.

Does this Fluent i18n scaffold work with Vite, CRA, and Next.js React projects?▼

Yes, the Fluent i18n scaffold works across React projects including Vite, CRA, and Next.js. It generates a consistent project structure with per-locale FTL files, localization loaders, and components regardless of your specific React build tool.

What do I need to start internationalizing a React app with Fluent bundles?▼

To start internationalizing a React app with Fluent bundles, you need a React project environment. The scaffold then generates sample locale folders, FTL translation files, bundle loaders, and a LocalizationProvider to eliminate incomplete localization setups.

Why does my React localization setup keep missing locale negotiation and async loading?▼

Incomplete React localization setups often miss locale negotiation and async loading. This scaffold solves that by generating robust FluentBundle configuration, safe error handling, and asynchronous locale loading logic alongside a ready-to-use LocalizationProvider wrapper.

What is the best way to structure FTL files and locales for React internationalization?▼

The best way to structure FTL files and locales for React i18n is using a scaffold that enforces a consistent project structure. It generates per-locale FTL files with trailing newlines, bundle configurations, and an l10n index for maintainable translations.