skills.rest
OpenAEC-Foundation
OpenAEC-FoundationOFFICIAL
Explore all skills by this author →
GitHub

fluent-impl-project-setup

Bootstrap Project Fluent setups with npm dependencies and FTL validation tooling.

1|Updated Mar 19, 2026
Search Tags:#typescript#react#npm#localization#setup#fluent#ftl
One-click install
npx skills add https://github.com/OpenAEC-Foundation/Fluent-i18n-Claude-Skill-Package --skill fluent-impl-project-setup
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fluent-impl-project-setup
Source: https://github.com/OpenAEC-Foundation/Fluent-i18n-Claude-Skill-Package/tree/main/skills/source/fluent-impl/fluent-impl-project-setup
Command: npx skills add https://github.com/OpenAEC-Foundation/Fluent-i18n-Claude-Skill-Package --skill fluent-impl-project-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Use when setting up a new Project Fluent project from scratch or adding Fluent to an existing app. Prevents misconfigured dependencies, wrong directory structures, and missing FTL validation tooling. Keywords: @fluent/bundle, @fluent/react, project setup, FTL directory structure, localization scaffold.

Core Features & Use Cases

  • Setup core Fluent stack via npm with correct versions and peer deps.
  • Establish FTL + TypeScript + React configuration and file naming conventions.
  • Ensure proper message-id conventions and project scaffolding for localization.

Quick Start

Run the setup workflow to scaffold a new Fluent project with the recommended dependencies and directory structure.

Frequently Asked Questions about fluent-impl-project-setup

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

FAQPage Schema
How do I set up a Fluent localization project from scratch?▼

Setting up a Fluent localization project requires installing core npm packages (@fluent/bundle, @fluent/react, @fluent/langneg) and establishing a correct FTL directory structure with TypeScript and React configuration. This ensures proper localization scaffolding and message-id conventions.

What npm packages do I need for Project Fluent with React and TypeScript?▼

For Project Fluent with React and TypeScript, you need the core npm packages @fluent/bundle, @fluent/react, and @fluent/langneg. Configuring these dependencies ensures proper FTL file naming conventions and React integration.

Can I add Fluent to an existing React app?▼

Yes, you can add Fluent to an existing React app by installing the required npm packages and applying the recommended FTL directory structure. This integration configures TypeScript and establishes proper message-id conventions for your localization resources.

What is the recommended FTL directory structure for a Fluent project?▼

The recommended FTL directory structure for a Fluent project follows proper file naming conventions and message-id standards. Establishing this structure during project setup prevents misconfigured directories and enables CI checks for validating FTL resources.

How do I validate FTL files in CI for a Fluent localization setup?▼

To validate FTL files in CI, you configure validation tooling during your Fluent project setup. This ensures proper message-id conventions and prevents misconfigured FTL resources, maintaining localization integrity across your React and TypeScript application.

Related Skills

Explore More Software Engineering Skills→
GemachDAOGemachDAO
4

gdex-ui-install-setup

Scaffold a React or Next.js project with a GDEX SDK provider.

Official
Intermediate
virajpvirajp
1

internationalization

Organize Flutter localization with ARB files and l10n.yaml workflows.

Community
Intermediate
OpenAEC-FoundationOpenAEC-Foundation
1

fluent-core-langneg

Implements Fluent Langneg negotiateLanguages() for locale fallback and BCP47 handling.

Official
Advanced
otto-poblyshotto-poblysh

internationalization-i18n

Implement i18next-based internationalization with translation catalogs, pluralization, and locale-aware formatting.

Community
Intermediate