fireact-dev

Main — AI skill for Claude Code

AI community

Open-source SaaS framework (React + Firebase + Stripe) with built-in Claude Code AI skills.

How to install Main

This entry records only its repository, not the path inside it, so there is no exact command to give. Open fireact-dev/main and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Main does

Open-source SaaS framework (React + Firebase + Stripe) with built-in Claude Code AI skills. Auth, billing, teams, and i18n in one command.

Alternatives in AI

  • Open Multi Agent — TypeScript multi-agent orchestration engine — one runTeam() call from goal to result 5.8k ★
  • Osaurus — Own your AI. The native macOS harness for AI agents -- any model, persistent memory, autonomous execution, cry 5.1k ★
  • Axonhub — ⚡️ Open-source AI Gateway — Use any SDK to call 100+ LLMs 3.2k ★

README

fireact.dev

A comprehensive open-source framework for building production-ready SaaS applications with Firebase, React, TypeScript, and Stripe integration.

Overview

fireact.dev provides a complete foundation for building modern SaaS applications. It combines industry-standard technologies and best practices to help developers launch their SaaS products faster and more efficiently.

Demo

![SaaS Demo](saas-demo.png)

Visit our [demos page](https://fireact.dev/demos/) to explore live demonstrations of both the Core and SaaS versions, showcasing the full range of features and capabilities.

Features

Features

  • Authentication & User Management
    • Complete authentication system (sign-up, sign-in, password reset)
    • User profile management
    • Role-based access control
    • Team member invitations and permissions
  • Subscription Management
    • Multiple subscription plans support
    • Stripe integration for payment processing
    • Billing portal and invoice management
    • Payment method management
    • Subscription upgrades and downgrades

AI-Assisted Development (Claude Code)

  • Built-in Claude Code skill for post-installation customization
  • Natural language commands to add pages, components, navigation, Cloud Functions, and more
  • 8 customization playbooks with step-by-step guidance
  • Invoke with /fireact-builder or let it auto-detect your project

Developer Experience

  • TypeScript for better code quality
  • TailwindCSS for responsive design
  • Firebase emulator support for local development
  • Comprehensive documentation
  • Modular architecture

Project Structure

The repository is organized into several key directories:

  • source/: This directory contains the complete, combined source code for the Fireact.dev project, including both the React frontend application and Firebase Cloud Functions backend code. It follows a monorepo structure with packages/app for the React app and packages/functions for the Cloud Functions.
  • **`cr