Skills
.Work. You
Rest

Flutter SalonManager Skill

Community

Migrate React SalonManager to Flutter

Software Engineering#state management#react#migration#supabase#flutter#riverpod#ui migration
Authorvibewithyou
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive guide and patterns for migrating the existing React Vite-based SalonManager application to Flutter, ensuring a smooth transition of features, architecture, and state management.

Core Features & Use Cases

  • Architecture Migration: Guidance on moving from React's component-based structure to Flutter's feature-first architecture.
  • State Management: Detailed patterns for migrating from TanStack Query and React Context to Riverpod.
  • UI Component Mapping: Equivalents for common shadcn/ui components in Flutter Material 3.
  • Supabase Integration: Best practices for setting up and using Supabase for authentication, real-time data, and storage in Flutter.
  • Feature Migration: Specific guidance for key modules like Gallery, Booking, Chat, and POS.
  • Use Case: A developer needs to refactor the existing React booking wizard into a Flutter equivalent, leveraging Riverpod for state and Material 3 widgets for the UI.

Quick Start

Follow the provided Flutter Riverpod patterns to implement the booking wizard feature.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Flutter SalonManager Skill
Download link: https://github.com/vibewithyou/salonmanagerreport/archive/main.zip#flutter-salonmanager-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.