Package Consumer Documentation

This is the canonical starting point for teams integrating the published App Framework packages into their own React applications.

AI-Driven Development

Using an AI coding assistant (Windsurf, Claude Code, Devin)? Install @ifelse/agent-skills to get structured skill definitions that guide your AI agent through module integration with spec-driven workflows.

Overview

These pages are written for package consumers.

They focus on:

• what to install
• which sub-paths to import
• which modules map to which product capabilities
• how to wrap prebuilt views in your own routes and layouts
• when to choose views, hooks, helpers, or advanced modules

Start Here

Follow this path for the fastest onboarding experience:

1. Package Usage Guide
2. Provider Setup
3. Wrapper Patterns
4. Module Matrix

Core Consumer Journeys

Install and configure your app shell

• Package Usage Guide
• Provider Setup
• Integration Scenarios

Render prebuilt feature views

• @ifelse/customer-features Overview
• subscriptions
• pricing
• profile
• invoices

Add advanced modules

• features
• audit

AI-driven development

• Spec Driven Development Setup — Install @ifelse/agent-skills for AI-assisted integration
• AI Agent Reference — Machine-readable docs for AI assistants

Customize presentation

• CSS Theming Guide
• Mock Mode Guide

Package Families

Feature modules

• @ifelse/customer-features
• auth
• subscriptions
• payments
• pricing
• profile
• invoices
• features
• audit

Setup and reference tools

• Provider Setup
• Integration Scenarios
• Module Matrix

Next Steps

• Install and configure packages
• Choose your first module
• Read the module reference
• Learn the wrapper pattern
• Set up AI-driven development — Install agent skills for AI-assisted integration

Looking for registry setup or release information?

Registry-access and publishing pages remain available under /internal-developers/publishing/, but they are not part of the canonical runtime integration journey.