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.