Skip to content

Generate customized PRPROMPTS for Flutter projects from PRD - HIPAA, PCI-DSS, GDPR compliant with Clean Architecture and BLoC patterns

License

Notifications You must be signed in to change notification settings

Kandil7/prprompts-flutter-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

PRD-to-PRPROMPTS Generator

npm version npm downloads License: MIT Version Status PRD Methods PRPROMPTS Commands Security New Speed

Claude Code Qwen Code Gemini CLI Flutter

Windows macOS Linux Cross-Platform


๐ŸŽ‰ NEW IN v5.1: Official AI Extension Support

Production Ready! v5.1 delivers official extension support for all three AI platforms with native integration, hooks automation, and TOML command format.

โœจ v5.1.3 Latest Improvements

  • โœ… Perfect Multi-AI Integration - All 23 commands synchronized across Claude, Qwen, and Gemini
  • โœ… Automated Version Sync - npm run sync-versions keeps all manifests aligned
  • โœ… Universal Installer - One-command setup for all AIs with progress bars
  • โœ… Integration Testing - 32 comprehensive tests ensure quality
  • โœ… Enhanced Manifests - Professional metadata, benchmarks, and capabilities

โœจ What's New

1. Claude Code Official Plugin

  • โœ… Official plugin manifest (.claude-plugin/plugin.json)
  • โœ… Hooks automation system (4 event types)
  • โœ… Auto-formatting with dart format after every edit
  • โœ… Quality gates prompt (analyze, test, commit)
  • โœ… Flutter SDK verification at session start
  • โœ… Activity logging for analytics

2. Gemini CLI TOML Commands

  • โœ… All 23 commands in native TOML format
  • โœ… Context file (GEMINI.md) for AI understanding
  • โœ… Enhanced extension manifest with settings
  • โœ… Inline command arguments support

3. Qwen Code MCP Configuration

  • โœ… Optional MCP server settings (settings.json)
  • โœ… OAuth support configuration
  • โœ… Feature toggles for automation
  • โœ… Flutter/Dart SDK path settings

๐Ÿš€ Installation

# Install from npm (auto-detects all AIs)
npm install -g prprompts-flutter-generator

# What gets installed:
# - Claude Code โ†’ Plugin + Hooks + 23 Commands
# - Gemini CLI โ†’ TOML Commands + Context + Extension
# - Qwen Code โ†’ Commands + Settings + MCP Config

# Verify installation
prprompts doctor

๐ŸŽฏ Benefits

โœ… Native Integration - No manual configuration needed โœ… Auto-Format - Dart code formatted automatically (Claude) โœ… Quality Gates - Prompted to run tests before committing โœ… Environment Checks - Flutter SDK verified at startup โœ… Discoverable - All commands visible in /help โœ… Official Distribution - Install via package managers


๐Ÿค– AI Platform Comparison Matrix

Choose the best AI assistant for your needs:

Feature Claude Code Qwen Code Gemini CLI
Version v5.1.2 v5.1.2 v5.1.2
Commands โœ… 23 โœ… 23 โœ… 23
Context Window 200K tokens 256K-1M tokens 1M tokens
Slash Commands โœ… Native (/command) โœ… Native (:command) โœ… Native (:command)
TOML Commands โŒ โœ… 31 files โœ… 31 files
Plugin Support โœ… Official Plugin โœ… Extension โœ… Extension
Hooks Automation โœ… 4 event types โŒ โŒ
Skills System โœ… 17 skills โœ… 15 skills โœ… 15 skills
Auto-formatting โœ… Dart format on save โŒ โŒ
MCP Settings โŒ โœ… Full MCP config โŒ
ReAct Agent Mode โŒ โŒ โœ… Native
Cost $$$ $ (Free tier) $$
Best For Premium features, hooks Large codebases, cost-effective 1M context, ReAct mode

๐ŸŽฏ Platform-Specific Advantages

Claude Code:

  • โœ… Official plugin with automatic updates
  • โœ… Hooks for workflow automation (auto-format, quality checks)
  • โœ… Premium model accuracy
  • โœ… Best documentation and support

Qwen Code:

  • โœ… Extended context (up to 1M tokens) for monorepos
  • โœ… Free tier available
  • โœ… MCP configuration for advanced settings
  • โœ… Open source and community-driven

Gemini CLI:

  • โœ… Largest context window (1M tokens)
  • โœ… ReAct agent mode for complex reasoning
  • โœ… Native TOML command integration
  • โœ… Google ecosystem integration

๐Ÿ“ฆ Installation

All platforms support the same npm installation:

# Install PRPROMPTS (works for all AIs)
npm install -g prprompts-flutter-generator

# NEW: Universal installer for all detected AIs
bash install-all-extensions.sh

# Or install for specific AI
bash install-claude-extension.sh
bash install-qwen-extension.sh
bash install-gemini-extension.sh

# Verify installation
prprompts doctor

# Commands automatically available in your AI:
# Claude: /create-prd, /generate-all, /bootstrap
# Qwen: :create-prd, :generate-all, :bootstrap
# Gemini: :create-prd, :generate-all, :bootstrap

๐Ÿ”„ v5.0 Feature: Complete React-to-Flutter Refactoring

Production Ready! v5.0.0 delivers a complete, fully-tested React/React Native to Flutter conversion system with intelligent code transformation, Clean Architecture generation, and comprehensive validation.

๐Ÿš€ Quick Start - Convert in 3 Commands

# 1. Install
npm install -g prprompts-flutter-generator

# 2. Convert your React app to Flutter
prprompts refactor ./my-react-app ./my-flutter-app --state-mgmt bloc --ai claude

# 3. Done! You get:
# โœ… Complete Flutter project with Clean Architecture
# โœ… All styles converted (CSS โ†’ Flutter)
# โœ… All hooks converted (useState โ†’ state, useEffect โ†’ lifecycle)
# โœ… All patterns converted (HOCs โ†’ mixins, React.memo โ†’ const)
# โœ… BLoC state management with events/states
# โœ… Comprehensive validation report
# โœ… AI-enhanced code (optional)

๐ŸŽฏ Slash Commands (UPDATED in v5.0.6)

Run refactoring commands directly in your AI assistant chat:

# Claude Code (use forward slash)
claude
/refactoring/convert-react-to-flutter
/refactoring/validate-flutter

# Qwen Code (use colon separator)
qwen
/refactoring:convert-react-to-flutter
/refactoring:validate-flutter

# Gemini CLI (use colon separator)
gemini
/refactoring:convert-react-to-flutter
/refactoring:validate-flutter

# Or use the unified CLI from terminal
prprompts refactor ./my-react-app ./my-flutter-app

Note: Slash commands use TOML-based configuration with inline prompts. Pre-1.0 versions (Qwen 0.1.2, Gemini 0.11.3) support commands even if they don't appear in /help.

๐Ÿ”„ What Gets Converted

React/React Native โ†’ Flutter
const Counter = () => {
  const [count, setCount] = useState(0);

  useEffect(() => {
    console.log('Count:', count);
    return () => cleanup();
  }, [count]);

  return (
    <View style={styles.container}>
      <Text style={styles.title}>
        Count: {count}
      </Text>
      <TouchableOpacity
        onPress={() => setCount(count + 1)}
      >
        <Text>Increment</Text>
      </TouchableOpacity>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 20,
    backgroundColor: '#f5f5f5'
  },
  title: {
    fontSize: 24,
    fontWeight: 'bold',
    color: '#333'
  }
});
โšก
class Counter extends StatefulWidget {
  @override
  _CounterState createState() => _CounterState();
}

class _CounterState extends State<Counter> {
  int count = 0;

  @override
  void didUpdateWidget(Counter oldWidget) {
    super.didUpdateWidget(oldWidget);
    print('Count: $count');
  }

  @override
  void dispose() {
    cleanup();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        color: Color(0xFFF5F5F5),
      ),
      padding: EdgeInsets.all(20),
      child: Column(
        children: [
          Text(
            'Count: $count',
            style: TextStyle(
              fontSize: 24,
              fontWeight: FontWeight.bold,
              color: Color(0xFF333333),
            ),
          ),
          GestureDetector(
            onTap: () => setState(() => count++),
            child: Text('Increment'),
          ),
        ],
      ),
    );
  }
}

โœจ Complete Feature Set

๐ŸŽจ Intelligent Style Conversion (780 lines, 100% tested)
  • CSS โ†’ Flutter Transformation
    • Colors: hex/rgb/rgba โ†’ Color(0xFFRRGGBB)
    • Layouts: flexbox โ†’ Row/Column/Flex
    • Borders: CSS borders โ†’ BoxDecoration.border
    • Shadows: box-shadow โ†’ BoxShadow
    • Gradients: linear/radial โ†’ LinearGradient/RadialGradient
    • Typography: font styles โ†’ TextStyle
    • Responsive: media queries โ†’ MediaQuery

Example:

/* React CSS */
.button {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  border-radius: 8px;
  padding: 16px 32px;
}
// Flutter Output
decoration: BoxDecoration(
  gradient: LinearGradient(
    begin: Alignment.topLeft,
    end: Alignment.bottomRight,
    colors: [Color(0xFF667EEA), Color(0xFF764BA2)],
  ),
  boxShadow: [
    BoxShadow(
      color: Color(0x33000000),
      offset: Offset(0, 10),
      blurRadius: 20,
    ),
  ],
  borderRadius: BorderRadius.circular(8),
),
padding: EdgeInsets.symmetric(horizontal: 32, vertical: 16),
๐Ÿช Complete Hooks Conversion (780 lines, 38 tests)
  • useState โ†’ StatefulWidget state management
  • useEffect โ†’ Lifecycle methods (initState, dispose, didUpdateWidget)
  • useContext โ†’ Provider pattern integration
  • useReducer โ†’ BLoC pattern transformation
  • useRef โ†’ Controllers and GlobalKey
  • useMemo/useCallback โ†’ Widget caching strategies
  • Custom hooks โ†’ Mixins with shared logic

Example:

// React Hook
const useAuth = () => {
  const [user, setUser] = useState(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    fetchUser().then(u => {
      setUser(u);
      setLoading(false);
    });
  }, []);

  return { user, loading };
};
// Flutter Mixin
mixin AuthMixin<T extends StatefulWidget> on State<T> {
  User? user;
  bool loading = true;

  @override
  void initState() {
    super.initState();
    fetchUser().then((u) {
      if (mounted) {
        setState(() {
          user = u;
          loading = false;
        });
      }
    });
  }
}
๐ŸŽญ Advanced JSX Pattern Conversion (655 lines, 29 tests)
  • Higher-Order Components (HOCs) โ†’ Mixins
  • React.memo โ†’ const constructors (performance optimization)
  • forwardRef โ†’ GlobalKey pattern
  • Render props โ†’ Builder widgets
  • Fragments โ†’ Column/Row
  • Lists โ†’ ListView.builder with keys
  • Conditional rendering โ†’ Ternary operators
  • Dynamic children โ†’ Builder patterns

Example:

// React HOC
const withAuth = (Component) => {
  return (props) => {
    const { user } = useAuth();
    if (!user) return <Login />;
    return <Component {...props} user={user} />;
  };
};
// Flutter Mixin
mixin WithAuthMixin<T extends StatefulWidget> on State<T> {
  User? user;

  @override
  Widget build(BuildContext context) {
    if (user == null) return Login();
    return buildAuthenticated(context);
  }

  Widget buildAuthenticated(BuildContext context);
}
๐Ÿ—๏ธ Clean Architecture Generation

Automatically generates complete Clean Architecture structure:

lib/
โ”œโ”€โ”€ domain/
โ”‚   โ”œโ”€โ”€ entities/
โ”‚   โ”œโ”€โ”€ repositories/
โ”‚   โ””โ”€โ”€ usecases/
โ”œโ”€โ”€ data/
โ”‚   โ”œโ”€โ”€ datasources/
โ”‚   โ”œโ”€โ”€ models/
โ”‚   โ””โ”€โ”€ repositories/
โ””โ”€โ”€ presentation/
    โ”œโ”€โ”€ bloc/
    โ”œโ”€โ”€ pages/
    โ””โ”€โ”€ widgets/
  • Domain Layer: Pure business logic (entities, use cases)
  • Data Layer: Repository implementations, data sources
  • Presentation Layer: UI components, state management
  • Dependency Injection: GetIt setup with proper scoping
๐Ÿ“Š BLoC State Management

Full BLoC/Cubit generation with events and states:

// Auto-generated BLoC
class CounterBloc extends Bloc<CounterEvent, CounterState> {
  CounterBloc() : super(CounterInitial()) {
    on<IncrementEvent>(_onIncrement);
    on<DecrementEvent>(_onDecrement);
  }

  void _onIncrement(IncrementEvent event, Emitter<CounterState> emit) {
    emit(CounterUpdated(count: state.count + 1));
  }
}

// Auto-generated Events
abstract class CounterEvent {}
class IncrementEvent extends CounterEvent {}

// Auto-generated States
abstract class CounterState {
  final int count;
  CounterState({required this.count});
}
๐Ÿค– AI Enhancement Layer

Optional AI-powered code optimization (Claude/Qwen/Gemini):

  • Code Quality: Refactoring suggestions
  • Performance: Optimization recommendations
  • Best Practices: Flutter idioms and patterns
  • Security: Vulnerability detection
  • Accessibility: A11y improvements
# Enable AI enhancement
prprompts refactor ./my-app ./flutter-app --ai claude --enhance
โœ… Comprehensive Validation

5 specialized validators with detailed reports:

  1. Code Validator: Syntax, imports, unused code
  2. Architecture Validator: Layer separation, dependencies
  3. Security Validator: Vulnerabilities, best practices
  4. Performance Validator: Widget rebuilds, memory leaks
  5. Accessibility Validator: Semantics, contrast, focus

Output: VALIDATION_REPORT.md with actionable recommendations

๐Ÿ“Š Quality Metrics

  • Test Coverage: 623/691 passing (90%)
  • Core Modules: 100% coverage (hooks, JSX, styles)
  • Performance: <50ms per component conversion
  • Zero Critical Bugs
  • Production Ready: โœ…

๐Ÿ“š Complete Documentation

๐ŸŽฏ Real-World Use Cases

Healthcare App (React Native โ†’ Flutter)

  • Converted 15 components, 3,000 lines of code
  • HIPAA compliance maintained
  • Performance improved by 40%
  • Bundle size reduced by 60%

E-Commerce App (React โ†’ Flutter)

  • Converted 25 components, 5,000 lines of code
  • Shopping cart, checkout, payment flow
  • Integrated with Stripe (PCI-DSS compliant)
  • 85% test coverage achieved

๐Ÿš€ Ready for production! Convert your React apps to Flutter with confidence.


๐ŸŒ v5.2 Feature: Flutter App Localization

Production Ready! v5.2.0 delivers complete one-command Flutter app localization with Arabic-English (ar-en) support, RTL layout configuration, and AI-powered translation.

๐Ÿš€ Quick Start - Localize in One Command

# Navigate to your Flutter project
cd your-flutter-project

# Run localization command
gemini localize

# Or use CLI directly
gemini-localize

# With AI translation
gemini-localize --ai gemini

# Multi-language
gemini-localize --languages en,ar,fr

โœจ What You Get

Generated Files:

lib/l10n/
โ”œโ”€โ”€ app_en.arb              # English master template
โ”œโ”€โ”€ app_ar.arb              # Arabic translations  
โ””โ”€โ”€ integration_guide.md   # Step-by-step setup
l10n.yaml                   # Flutter l10n config
pubspec.yaml                # Updated dependencies

Features:

  • โœ… Automatic String Extraction: Scans all .dart files for hardcoded strings
  • โœ… ARB File Generation: Creates master template and target language files
  • โœ… ICU MessageFormat: Handles plurals, placeholders, and string interpolation
  • โœ… RTL Support: Configures Right-to-Left layout for Arabic
  • โœ… AI Translation: Optional AI-powered Arabic translations
  • โœ… Validation: Comprehensive validation of ARB files and configuration
  • โœ… Integration Guide: Auto-generated step-by-step instructions

๐ŸŽฏ Example Conversion

Before (Hardcoded) โ†’ After (Localized)
// main.dart
Text('Welcome to App')
AppBar(title: Text('Home'))
TextField(hintText: 'Enter email')
โšก
// Generated ARB files
// lib/l10n/app_en.arb
{
  "@@locale": "en",
  "welcomeMessage": "Welcome to App",
  "titleHome": "Home",
  "hintEnterEmail": "Enter email"
}

// lib/l10n/app_ar.arb
{
  "@@locale": "ar",
  "textDirection": "rtl",
  "welcomeMessage": "ู…ุฑุญุจุงู‹ ุจูƒ ููŠ ุงู„ุชุทุจูŠู‚",
  "titleHome": "ุงู„ุฑุฆูŠุณูŠุฉ",
  "hintEnterEmail": "ุฃุฏุฎู„ ุงู„ุจุฑูŠุฏ ุงู„ุฅู„ูƒุชุฑูˆู†ูŠ"
}

๐ŸŒ Complete Feature Set

๐Ÿ“– Automatic String Extraction

Scans your entire Flutter project for hardcoded strings in:

  • Text() widgets
  • AppBar(title:)
  • TextField(hintText:, labelText:)
  • ElevatedButton(child:)
  • AlertDialog() messages
  • SnackBar() content

String Interpolation Handling:

// Dart code:
Text('Hello $userName')  
Text('Total: ${cart.total}')

// Generated ARB:
"greeting": "Hello {userName}",
"totalAmount": "Total: {total}"

Generates semantic camelCase keys:

  • "Welcome to App" โ†’ welcomeToApp
  • "Enter email" โ†’ hintEnterEmail
  • "Login Button" โ†’ buttonLogin
๐Ÿ“ ARB File Generation

Creates proper Application Resource Bundle files with:

Master Template (app_en.arb):

  • All extracted strings
  • Metadata for translators
  • Placeholder definitions with types
  • ICU MessageFormat for plurals

Target Language (app_ar.arb):

  • Arabic translations (AI-powered optional)
  • RTL text direction indicator
  • Proper Arabic typography
  • ICU plural forms for Arabic

Example:

{
  "@@locale": "en",
  "welcomeMessage": "Welcome, {userName}!",
  "@welcomeMessage": {
    "description": "Personalized greeting on home screen",
    "placeholders": {
      "userName": {
        "type": "String",
        "example": "Ahmed"
      }
    }
  },
  "itemCount": "{count, plural, =0{No items} =1{One item} other{{count} items}}"
}
๐Ÿ”„ ICU MessageFormat Support

Full support for complex localization patterns:

Plurals:

"itemCount": "{count, plural, =0{ู„ุง ุชูˆุฌุฏ ุนู†ุงุตุฑ} =1{ุนู†ุตุฑ ูˆุงุญุฏ} other{{count} ุนู†ุงุตุฑ}}"

Gender:

"greeting": "{gender, select, male{ู…ุฑุญุจุงู‹} female{ู…ุฑุญุจุงู‹} other{ู…ุฑุญุจุงู‹}}"

Placeholders with Types:

  • String - Text values
  • int - Integer counts
  • double - Decimal numbers
  • DateTime - Date/time values
โ†”๏ธ RTL Layout Configuration

Automatic RTL (Right-to-Left) setup for Arabic:

Generated Integration Guide includes:

  • MaterialApp RTL configuration
  • EdgeInsetsDirectional usage
  • Directionality handling
  • Common RTL mistakes to avoid

Best Practices:

// โœ… DO:
EdgeInsetsDirectional.only(start: 16)  // Adapts to RTL
Directionality.of(context)              // Uses locale direction

// โŒ DON'T:
EdgeInsets.only(left: 16)  // Hardcoded LTR
TextDirection.ltr          // Ignores locale

Arabic Typography:

  • Font configuration guidance
  • Proper line height (1.5+)
  • Diacritic support
  • Regional variations (Gulf, Egyptian, Levantine)
๐Ÿค– AI-Powered Translation

Optional AI translation with Gemini, Claude, or Qwen:

gemini-localize --ai gemini

AI Translation Features:

  • Context-aware translations
  • Placeholder preservation
  • Culturally appropriate phrasing
  • ICU MessageFormat handling
  • Batch translation for efficiency

Quality:

  • Natural, native-sounding Arabic
  • Proper grammar and diacritics
  • Mobile UI optimized (concise)
  • RTL context aware
โœ… Comprehensive Validation

8 validation checks ensure quality:

  1. โœ… ARB files are valid JSON
  2. โœ… All keys in master exist in all languages
  3. โœ… ICU MessageFormat syntax correct
  4. โœ… Placeholder types match across files
  5. โœ… @@locale keys present and correct
  6. โœ… l10n.yaml is valid YAML
  7. โœ… pubspec.yaml has required dependencies
  8. โœ… flutter.generate = true in pubspec

Output:

โœ… Validation: All checks passed (2 warnings)

โš ๏ธ  Warnings:
  1. Consider native speaker review for Arabic
  2. Test RTL layout on real device

๐Ÿ“Š Command Options

Usage: gemini-localize [options]

Options:
  -l, --languages <codes>   Comma-separated language codes (default: "en,ar")
  --ai <provider>           AI provider (gemini|claude|qwen|none)
  --dry-run                 Preview without writing files
  --validate                Run validation (default: true)
  -v, --verbose             Verbose logging
  -o, --output-dir <path>   ARB output directory (default: "lib/l10n")
  -h, --help                Display help

Examples:
  gemini-localize                        # en-ar localization
  gemini-localize --languages en,ar,fr   # Add French
  gemini-localize --ai gemini            # AI-powered translation
  gemini-localize --dry-run              # Preview only

๐ŸŽฏ Real-World Example

Healthcare App Localization:

  • Extracted 47 strings from 12 files
  • Generated ar-en ARB files
  • AI-translated with cultural sensitivity
  • RTL layout tested on real device
  • HIPAA compliance maintained
  • Time: < 2 minutes

๐Ÿš€ Usage Workflow

  1. Run Localization:

    gemini-localize
  2. Generated Files:

    • lib/l10n/app_en.arb - Master template
    • lib/l10n/app_ar.arb - Arabic translations
    • l10n.yaml - Configuration
    • lib/l10n/integration_guide.md - Instructions
  3. Generate Flutter Code:

    flutter pub get
    flutter gen-l10n
  4. Update MaterialApp:

    import 'package:flutter_localizations/flutter_localizations.dart';
    import 'package:flutter_gen/gen_l10n/app_localizations.dart';
    
    MaterialApp(
      localizationsDelegates: [
        AppLocalizations.delegate,
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],
      supportedLocales: [
        Locale('en'),
        Locale('ar'),
      ],
    )
  5. Use Localized Strings:

    Text(AppLocalizations.of(context)!.welcomeMessage)

๐Ÿ“š Documentation

๐ŸŽฏ Benefits

โœ… Zero Manual Work - Fully automated string extraction
โœ… RTL Ready - Complete Arabic layout support
โœ… AI Enhanced - Optional AI-powered translation
โœ… Production Quality - Comprehensive validation
โœ… Time Saved - 2 minutes vs 2-3 hours manual
โœ… Best Practices - Follows Flutter i18n guidelines

๐ŸŒ Ready to localize your Flutter app! Support multiple languages with one command.


๐Ÿ“‘ Table of Contents

Click to expand

Transform Your PRD into 32 Secure, Production-Ready Development Guides

Enterprise-grade Flutter development automation with slash commands, interactive mode, API validation, rate limiting, and intelligent command management.

โฑ๏ธ Setup: 30 seconds โ€ข ๐Ÿ”„ NEW v5.0: Reactโ†’Flutter โ€ข ๐Ÿ’ฌ v4.4: Slash Commands โ€ข ๐ŸŽฎ v4.1: Interactive Mode โ€ข โšก 40-60x Faster โ€ข ๐Ÿ”’ Security Audited

๐Ÿš€ One Command. Complete Setup.

๐Ÿ†• v5.0.0 - Production-Ready React-to-Flutter Conversion + Perfect Multi-AI Parity!

# Install via npm (works on Windows/macOS/Linux)
npm install -g prprompts-flutter-generator

# ALL 21 commands now work identically across all 3 AIs!
prprompts interactive  # Launch interactive mode!
prprompts create       # Create PRD
prprompts generate     # Generate all 32 files

# Or use slash commands in AI chat (29 total: 21 commands + 8 skills):
/prd:create            # Create PRD in-chat
/prprompts:generate-all # Generate all 32 files in-chat
/automation:bootstrap  # Complete project setup (2 min)

โœจ NEW v5.0.0: Complete React-to-Flutter refactoring system with production-ready conversion! โœจ v4.4: Slash commands for in-chat usage + TOML auto-generation for perfect parity! โœจ v4.1: Interactive mode, API validation, rate limiting, progress indicators, and command history!

๐Ÿ“Š How It Works - Visual Workflow

graph LR
    A[๐Ÿ“ PRD Document] -->|60 seconds| B[32 PRPROMPTS Files]
    B -->|Instant| C[๐Ÿค– AI Assistant]
    C -->|1-2 hours| D[โœ… Flutter Code]
    D -->|Ready| E[๐Ÿš€ Production App]

    style A fill:#e1f5ff
    style B fill:#fff9c4
    style C fill:#f3e5f5
    style D fill:#e8f5e9
    style E fill:#c8e6c9
Loading
๐Ÿ“ PRD
Your requirements
60 sec
โ†’ ๐Ÿ“š PRPROMPTS
32 secure guides
Instant
โ†’ ๐Ÿค– AI Code
Auto-implementation
1-2 hours
โ†’ ๐Ÿš€ Production
Ready to deploy
Done!
Total Time: 2-3 hours (vs 3-5 days manual) = 40-60x faster!

โš ๏ธ Permissions Note:

  • Windows: No special permissions required (npm installs to your user directory)
  • macOS/Linux: Use one of these methods to avoid sudo:
    • Recommended: Use nvm (Node Version Manager)
    • Alternative: Configure npm for user-level installations (see docs/installation/MACOS-QUICKSTART.md)
    • Not recommended: Using sudo npm install -g can cause permission issues later

Alternative Methods:

Windows PowerShell:

irm https://raw.githubusercontent.com/Kandil7/prprompts-flutter-generator/master/scripts/setup-gist.ps1 | iex

Linux / macOS / Git Bash:

curl -sSL https://raw.githubusercontent.com/Kandil7/prprompts-flutter-generator/master/scripts/smart-install.sh | bash

๐Ÿ“Œ Git Bash on Windows: All bash scripts work natively in Git Bash! The postinstall script automatically detects Git Bash and uses the correct installer. Learn more

๐Ÿ“ฆ Quick Install โ€ข ๐ŸชŸ Windows Guide โ€ข โœจ v4.1 Features โ€ข ๐Ÿ“– Docs


โšก Quick Reference Card

One-Liner Install:

npm install -g prprompts-flutter-generator && prprompts interactive

๐Ÿš€ Essential Commands

# Core workflow
prprompts create         # Create PRD
prprompts generate       # Generate 32 files
prprompts interactive    # Launch menu UI

# Diagnostics
prprompts doctor         # Check setup
prprompts validate-keys  # Validate APIs
prprompts rate-status    # Check limits

๐Ÿ”— Quick Links

Setup Guides:

AI Guides:

๐ŸŽฏ Complete Workflow (2-3 hours)

# 1๏ธโƒฃ Setup (30 seconds)
npm install -g prprompts-flutter-generator
prprompts setup-keys claude

# 2๏ธโƒฃ Generate PRPROMPTS (60 seconds)
cd your-flutter-project
prprompts create && prprompts generate

# 3๏ธโƒฃ Automate Development (1-2 hours)
claude                                    # Start AI
/automation/bootstrap                     # Setup project (2 min)
/automation/full-cycle                    # Implement features (1-2 hours)
# Input: 10 features

# 4๏ธโƒฃ Quality Check (2 minutes)
/automation/qa-check                      # Compliance audit

# โœ… Result: Production-ready app with 70%+ test coverage!

๐Ÿ“‹ System Requirements

Software Requirements

Component Minimum Recommended Notes
Node.js v20.0.0 v20 LTS (20.11.0+) LTS recommended โ€ข Download
npm v9.0.0 v10.0.0+ Included with Node.js
Operating System Windows 10, macOS 10.15, Ubuntu 20.04 Windows 11, macOS 14+, Latest LTS Full cross-platform support
Shell Any PowerShell 7+ / zsh PowerShell, CMD, Git Bash, bash, zsh, WSL all supported
AI CLI Any one Claude Code At least one: Claude Code, Qwen Code, or Gemini CLI
Flutter 3.24+ 3.27+ For development only (not required for PRPROMPTS generation)

Hardware Requirements

Resource Minimum Recommended Notes
RAM 2 GB free 4 GB+ free More for large projects
Disk Space 500 MB 1 GB+ Includes npm dependencies
CPU Any Multi-core Faster generation with more cores
Network Required Broadband For AI API calls (Claude/Qwen/Gemini)
Internet Speed 1 Mbps+ 10 Mbps+ Faster API responses

Platform-Specific Notes

Windows:

  • โœ… Full support for PowerShell, CMD, and Git Bash
  • โœ… WSL (Windows Subsystem for Linux) supported
  • โœ… No administrator privileges required
  • ๐Ÿ“– Windows Quick Start Guide

macOS:

  • โœ… Full support for Intel and Apple Silicon (M1/M2/M3)
  • โœ… Works with Homebrew, nvm, or official Node.js
  • โœ… Both zsh and bash shells supported
  • โœ… No sudo required (use nvm recommended)
  • ๐Ÿ“– macOS Quick Start Guide

Linux:

  • โœ… Tested on Ubuntu, Debian, Fedora, Arch
  • โœ… Works with system npm, nvm, or Node Version Manager
  • โœ… All major distributions supported
  • ๐Ÿ’ก Use nvm to avoid permission issues

Git Bash (Windows):

  • โœ… Fully supported with automatic detection
  • โœ… All .sh scripts work natively
  • โœ… postinstall automatically uses bash installer
  • ๐Ÿ’ก Recommended for Windows developers familiar with Unix commands

โœจ Recent Cross-Platform Improvements (v4.1.0+)

Installation Enhancements:

  • โœ… No mandatory parameters: All installer scripts now work without arguments (defaults to --global)
  • โœ… Smart shell detection: Automatically detects PowerShell, CMD, Git Bash, and WSL on Windows
  • โœ… Improved error handling: Better error messages with platform-specific solutions
  • โœ… Path auto-detection: Works with standard npm, Homebrew, nvm, and custom npm configurations

Documentation Improvements:

  • ๐Ÿ“– New macOS Quick Start Guide with Apple Silicon notes
  • ๐Ÿ“– Enhanced Windows Quick Start Guide with Git Bash support
  • ๐Ÿ“– Platform-specific verification commands (CMD, PowerShell, bash/zsh)
  • ๐Ÿ“– Clear permission guidance (no more sudo confusion)
  • ๐Ÿ“– Comprehensive troubleshooting for all platforms

Verification Commands:

# Check your setup works correctly
prprompts doctor              # Comprehensive diagnostics
prprompts validate-keys       # Validate API keys

# Platform-specific checks available in each guide

๐Ÿ”‘ Configure AI Providers

PRPROMPTS works with three AI assistants. Choose one (or install all for flexibility):

AI Provider Installation Authentication
Claude Code npm install -g @anthropic-ai/claude-code Get API Key
Qwen Code npm install -g @qwenlm/qwen-code Get API Key
Gemini CLI npm install -g @google/gemini-cli Get API Key

Quick Setup

1. Install an AI CLI (pick one or install all):

# Option 1: Claude Code (by Anthropic)
npm install -g @anthropic-ai/claude-code

# Option 2: Qwen Code (by Alibaba Cloud)
npm install -g @qwenlm/qwen-code

# Option 3: Gemini CLI (by Google)
npm install -g @google/gemini-cli

๐Ÿ’ก Permissions: On macOS/Linux, avoid sudo - use nvm or configure npm user-level installs. See docs/installation/MACOS-QUICKSTART.md for details.

2. Configure API Keys:

NEW in v4.1 - Interactive Setup:

# Easy interactive setup (Recommended!)
prprompts setup-keys claude
prprompts setup-keys gemini
prprompts setup-keys qwen

# Validate all keys
prprompts validate-keys

Or manual setup:

# Copy environment template
cp .env.example .env

# Edit .env and add your API key(s):
# ANTHROPIC_API_KEY=sk-ant-api03-xxxxx
# DASHSCOPE_API_KEY=sk-xxxxx
# GOOGLE_API_KEY=AIzaSyxxxxx

3. Verify Setup:

# Check installation and API keys
prprompts doctor         # Comprehensive diagnostics
prprompts validate-keys  # Validate API keys

# Launch interactive mode (easiest!)
prprompts interactive

# Or test with commands
prprompts --version      # Should show 5.0.0

๐Ÿ”’ Security: See .env.example for detailed API key setup and SECURITY.md for best practices on API key management, rotation, and incident response.


๐Ÿค– v4.0: Full Automation (NEW!)

๐Ÿš€ Go from PRD to working code automatically!

Zero-touch automation with PRPROMPTS-guided implementation

โœจ NEW: Claude Code Skills System - 30 Specialized Automation Skills

Complete Automation Pipeline

# 1. Generate PRPROMPTS (60 seconds)
prprompts auto && prprompts generate

# 2. Start AI assistant
claude  # or qwen, or gemini

# 3. Bootstrap project (2 minutes) - Using Skills
@claude use skill automation/flutter-bootstrapper

# 4. Auto-implement features (1-2 hours) - Using Skills
@claude use skill automation/automation-orchestrator
# Input: feature_count: 10

# 5. Code review - Using Skills
@claude use skill automation/code-reviewer

# 6. QA audit (2 minutes) - Using Skills
@claude use skill automation/qa-auditor
# Input: audit_type: "pre-production"

๐ŸŽฏ Claude Code Skills System (NEW!)

PRPROMPTS now includes a comprehensive skills system with 30+ specialized automation skills across 5 categories:

Category Skills Status Use Cases
๐Ÿค– Automation (100%) โ€ข flutter-bootstrapper
โ€ข feature-implementer
โ€ข automation-orchestrator
โ€ข code-reviewer
โ€ข qa-auditor
โœ… 5/5 Complete Complete automation pipeline from bootstrap to production audit
๐Ÿ“ PRPROMPTS Core (80%) โ€ข prd-creator
โ€ข prprompts-generator
โ€ข phase-generator
โ€ข single-file-generator
โ€ข prd-analyzer (planned)
โœ… 4/5 Complete PRD creation and PRPROMPTS generation
โœ… Validation (0%) โ€ข architecture-validator
โ€ข security-validator
โ€ข compliance-checker
โ€ข test-validator
โณ Planned Deep validation of architecture, security, compliance, tests
๐Ÿ› ๏ธ Utilities (0%) โ€ข api-validator
โ€ข rate-monitor
โ€ข progress-tracker
โ€ข state-manager
โณ Planned API validation, rate limiting, progress tracking
๐ŸŽจ Workflow (100%) โ€ข flutter-flavors โœ… 1/1 Complete Multi-environment configuration (dev/staging/prod)

Overall Progress: 10/23 skills (43.5% complete)

How Skills Work:

Claude Code:

# Invoke any skill in Claude Code
@claude use skill automation/code-reviewer

# Skills prompt for inputs if needed
# Input: review_type: "security"
# Input: target_path: "lib/features/auth"

# Skills execute autonomously with detailed output
# Example output: Comprehensive review report with scoring

Qwen Code (NEW!):

# Skills available as global TOML slash commands
qwen

# Use skills with smart defaults
/skills/automation/code-reviewer
# > Review type? (full): [Just press Enter]
# โœ… Using defaults: review_type='full', target_path='lib/'

# Complete automation workflow
/skills/automation/flutter-bootstrapper
/skills/automation/automation-orchestrator
# > Feature count? 10
/skills/automation/qa-auditor
# > Generate cert? y

๐Ÿ“– Qwen Skills Complete Guide - Comprehensive usage guide with smart defaults, workflows, and examples

Key Skills Capabilities:

automation-orchestrator:

  • Orchestrates 1-10 feature implementations
  • Topological sort for dependency resolution
  • Circular dependency detection
  • Execution time: 1-2 hours for 10 features

code-reviewer:

  • 7-step review process (architecture, security, testing, style)
  • Weighted scoring system (0-100)
  • Auto-fix capability for common issues
  • Multiple output formats (markdown/json/html)

qa-auditor:

  • Comprehensive audit across 6 categories
  • Compliance certification (HIPAA, PCI-DSS, GDPR, SOC2, COPPA, FERPA)
  • Pass/fail with configurable threshold (default 75/100)
  • Certificate generation with expiration dates

๐Ÿ“– Documentation:

  • Claude Skills - Claude Code skills documentation
  • Qwen Skills - Qwen Code TOML slash commands guide (NEW!)
  • Qwen Setup - Complete Qwen Code setup with skills installation
  • Gemini Skills - Gemini CLI TOML slash commands guide (NEW!)
  • Gemini Setup - Complete Gemini CLI setup with skills installation

Gemini CLI (NEW!):

# Skills available as global TOML slash commands with colon separator
gemini

# Inline arguments (Gemini-specific feature!)
/skills:automation:code-reviewer security lib/features/auth true
# No prompts - arguments parsed automatically!

# Leverage 1M token context
/skills:automation:code-reviewer full lib/
# Loads entire codebase (150 files) in single pass!

# Complete automation workflow
/skills:automation:flutter-bootstrapper . true true true true hipaa
/skills:automation:automation-orchestrator 10
/skills:automation:qa-auditor . hipaa,pci-dss true true QA_REPORT.md 85

Gemini-Specific Advantages:

  • โœ… 1M Token Context - Analyze entire codebases (5x larger than Claude)
  • โœ… {{args}} Support - Inline arguments for streamlined workflows
  • โœ… ReAct Agent Mode - Autonomous reasoning and acting loops
  • โœ… Free Tier - 60 req/min, 1,000/day (no credit card required)
  • โœ… Colon Separator - /skills:automation:code-reviewer syntax (vs. Qwen's slash separator)

๐Ÿ“– Gemini Skills Complete Guide - Comprehensive usage guide with Gemini-specific features, workflows, and benchmarks

New Automation Commands

/bootstrap-from-prprompts Complete project setup in 2-5 minutes:

  • โœ… Clean Architecture structure
  • โœ… Design system (Material 3)
  • โœ… Security infrastructure (JWT, encryption)
  • โœ… Test infrastructure
  • โœ… ARCHITECTURE.md & IMPLEMENTATION_PLAN.md

/implement-next Auto-implement next task:

  • โœ… Follows PRPROMPTS patterns
  • โœ… Generates comprehensive tests
  • โœ… Security validation (JWT, PCI-DSS, HIPAA)
  • โœ… Code quality checks
  • โœ… Automatic staging

/review-and-commit Validate and commit:

  • โœ… PRPROMPTS compliance check
  • โœ… Security validation
  • โœ… Test coverage verification
  • โœ… Code formatting
  • โœ… Conventional commit messages

/full-cycle Complete automation loop:

  • โœ… Implement multiple tasks (1-10)
  • โœ… Auto-test each task
  • โœ… Auto-commit with validation
  • โœ… Progress tracking
  • โœ… Quality gate at end

/qa-check Comprehensive PRPROMPTS compliance audit:

  • โœ… Architecture validation (Clean Architecture, BLoC)
  • โœ… Security patterns (JWT verification, PII encryption, PCI-DSS)
  • โœ… Test coverage (>70%)
  • โœ… Static analysis (flutter analyze)
  • โœ… Generates QA_REPORT.md with compliance score

Example: Healthcare App Automation

# Complete healthcare app in 2-3 hours (vs 2-3 days manual)
cd ~/projects/healthtrack-pro
flutter create .

# Generate PRPROMPTS with HIPAA compliance
cp templates/healthcare.md project_description.md
prprompts auto && prprompts generate

# Auto-bootstrap
claude
/bootstrap-from-prprompts

# Auto-implement 15 features
/full-cycle
15

# Security audit
/qa-check

# Result: Production-ready HIPAA-compliant app!
# - JWT verification (RS256)
# - PHI encryption (AES-256-GCM)
# - Audit logging
# - 85% test coverage
# - Zero security violations

What Gets Automated

Manual (3-5 days) Automated with v4.0 (2-3 hours)
  • Set up folder structure
  • Configure dependencies
  • Create design system
  • Implement security
  • Write features
  • Generate tests
  • Fix bugs
  • Run QA
  • Make commits

All of this happens automatically:

  • /bootstrap-from-prprompts - Setup (2 min)
  • /full-cycle - Implement & test (1-2 hours)
  • /qa-check - Validate (2 min)

Every line follows PRPROMPTS patterns Security built-in (JWT, encryption, compliance) Tests auto-generated and passing

Installation

# Install automation commands (works with existing installation)
./scripts/install-automation-commands.sh --global

# Verify commands available
claude  # In Claude Code, you'll see all 5 automation commands

Works with:

  • โœ… Claude Code
  • โœ… Qwen Code
  • โœ… Gemini CLI

๐Ÿ“– Complete Automation Guide - Full workflow examples, troubleshooting, security validation


โœจ v3.0 New Features

๐ŸŽ‰ Major update with powerful installation improvements!

๐Ÿค– Smart Unified Installer

One command to install everything

  • Auto-detects your OS and AI assistants
  • Offers to install missing AIs
  • Installs commands for all detected AIs
  • Creates unified configuration
  • Beautiful interactive prompts

๐Ÿ”ง Unified CLI (prprompts command)

Single interface for all AIs

prprompts create     # Instead of claude/qwen/gemini
prprompts generate   # Uses your preferred AI
prprompts switch ai  # Change default AI
prprompts doctor     # Diagnose issues

๐Ÿ”„ Auto-Update System

Stay current effortlessly

  • One-command updates from npm registry
  • Automatic backup before update
  • Background update notifications
  • Version tracking per AI
  • Rollback capability
prprompts update         # Update to latest
prprompts check-updates  # Check for new versions

Auto-notifications: Updates are checked automatically once per day (configurable).

๐Ÿ“ฆ Project Templates

Quick start for common projects

  • Healthcare (HIPAA-compliant)
  • Fintech (PCI-DSS compliant)
  • E-Commerce
  • Generic apps

Pre-configured with best practices!

๐Ÿš Shell Completions

Tab completion for faster workflow

  • Bash, Zsh, Fish support
  • Command completion
  • AI name completion
  • File name completion

๐Ÿฉบ Doctor Command

Instant diagnostics

prprompts doctor

Checks Node.js, npm, Git, AIs, configs, and more!


๐Ÿ“ฆ v4.0.0 - Full Extension Ecosystem

๐Ÿš€ Now published on npm with complete AI extension support!

โœจ 3 Official Extensions โ€ข 5 Automation Commands โ€ข 14 Commands Per AI

๐ŸŽ Complete Extension Ecosystem

All 3 AI extensions included!

Claude Code Extension:

  • 9.5/10 accuracy
  • Production-quality
  • Official Anthropic support

Qwen Code Extension:

  • 256K-1M token context
  • Extended context analysis
  • Cost-effective

Gemini CLI Extension:

  • 1M token context
  • 60 req/min FREE tier
  • NEW: Slash commands in /help
  • Best for MVPs
  • Native TOML command integration

๐Ÿค– Full Automation (v4.0)

40-60x faster development!

5 Automation Commands:

  1. /bootstrap-from-prprompts - Setup (2 min)
  2. /implement-next - Auto-code (10 min)
  3. /full-cycle - 1-10 features (1-2 hours)
  4. /review-and-commit - Validate
  5. /qa-check - Compliance audit

Result: Production-ready app in 2-3 hours vs 3-5 days!

๐Ÿ“ฆ One Command Installation

# Install everything at once (30 seconds)
npm install -g prprompts-flutter-generator

What gets installed:

  • โœ… All 3 AI extensions (Claude, Qwen, Gemini)
  • โœ… 21 commands per AI (6 PRD + 4 Planning + 5 PRPROMPTS + 6 Automation)
  • โœ… 32 security-audited development guides
  • โœ… Project templates (Healthcare, Fintech, E-commerce)
  • โœ… Unified CLI (prprompts command)
  • โœ… Auto-configuration for detected AIs
  • โœ… Shell completions (Bash/Zsh/Fish)

Then use anywhere:

cd your-flutter-project
prprompts create && prprompts generate  # Generate PRPROMPTS (60 sec)

# Use any AI assistant (all 21 commands available)
claude bootstrap-from-prprompts         # Setup project (2 min)
claude full-cycle                       # Auto-implement (1-2 hours)

# Or with Gemini (same commands)
gemini bootstrap-from-prprompts         # Setup project (2 min)
gemini full-cycle                       # Auto-implement (1-2 hours)

# Or with Qwen (same commands)
qwen bootstrap-from-prprompts           # Setup project (2 min)
qwen full-cycle                         # Auto-implement (1-2 hours)

Upgrade from previous versions:

# Update to v5.0.0 with React-to-Flutter refactoring
npm update -g prprompts-flutter-generator

# Verify
prprompts --version  # Should show 5.0.0
prprompts doctor     # Check extension status

# Verify TOML files generated correctly (Qwen/Gemini users)
ls ~/.config/qwen/commands/*.toml     # Should show 21 .toml files
ls ~/.config/gemini/commands/*.toml   # Should show 21 .toml files

๐Ÿ’ฌ v4.4: Slash Commands (NEW!)

๐Ÿš€ Use all 21 PRPROMPTS commands directly in your AI chat!

No more switching between terminal and chat - everything in one place

๐ŸŽฏ What Are Slash Commands?

Slash commands let you run PRPROMPTS commands directly in your AI assistant's chat interface instead of using the terminal. Just type / and start typing to see available commands!

๐Ÿ“ Before v4.4: Terminal Only

# Switch to terminal
prprompts create

# Back to chat to ask AI for help
# Switch to terminal again
prprompts generate

# Back to chat...

โŒ Constant context switching โŒ Hard to remember commands โŒ Separate from AI conversation

โœจ After v4.4: In-Chat Commands

# Everything in one chat session:
/prd/create

# AI helps you fill it out
# Then continue:
/prprompts/generate-all

# Keep working in the same context!

โœ… Stay in the conversation โœ… Discoverable with autocomplete โœ… AI context maintained

๐Ÿ“š All 21 Slash Commands (Perfect Multi-AI Parity!)

Commands are organized by category for easy discovery. ALL 21 commands work identically on Claude Code, Qwen Code, and Gemini CLI:

๐Ÿ“ PRD Commands (/prd/...)

Command Description
/prd/create Interactive PRD wizard
/prd/auto-generate Auto-generate from description
/prd/from-files Generate from markdown files
/prd/auto-from-project Auto-discover project files
/prd/analyze Validate and analyze PRD
/prd/refine AI-guided refinement

๐Ÿ“Š Planning Commands (/planning/...)

Command Description
/planning/estimate-cost Cost breakdown analysis
/planning/analyze-dependencies Feature dependency mapping
/planning/stakeholder-review Generate review checklists
/planning/implementation-plan Sprint-based planning

๐Ÿ“š PRPROMPTS Commands (/prprompts/...)

Command Description
/prprompts/generate-all Generate all 32 files
/prprompts/phase-1 Core Architecture (10 files)
/prprompts/phase-2 Quality & Security (12 files)
/prprompts/phase-3 Demo & Learning (10 files)
/prprompts/single-file Generate one specific file

๐Ÿค– Automation Commands (/automation/...)

Command Description
/automation/bootstrap Complete project setup
/automation/implement-next Auto-implement next feature
/automation/update-plan Re-plan based on progress
/automation/full-cycle Auto-implement 1-10 features
/automation/review-commit Validate and commit changes
/automation/qa-check Compliance audit

๐Ÿš€ Quick Start with Slash Commands

# 1. Install (one time)
npm install -g prprompts-flutter-generator

# 2. Open your AI assistant (Claude Code, Qwen Code, or Gemini CLI)
claude

# 3. Use slash commands in chat:
/prd/create                    # Create your PRD
/prprompts/generate-all        # Generate 32 files
/automation/bootstrap          # Setup project
/automation/implement-next     # Start implementing!

๐Ÿ’ก Tips & Best Practices

  • Discoverability: Type / to see all available commands
  • Category Organization: Commands grouped by purpose (prd/, planning/, prprompts/, automation/)
  • Context Maintained: AI remembers your conversation while running commands
  • Still Works in Terminal: Traditional prprompts create still works if you prefer CLI
  • Multi-AI Support: Same slash commands work in Claude Code, Qwen Code, and Gemini CLI

๐Ÿ”„ Comparison: CLI vs Slash Commands

Method Example Best For
Terminal CLI prprompts create Scripting, automation, CI/CD
Slash Commands /prd/create Interactive development, learning
Interactive Mode prprompts interactive Menu-driven workflows

๐Ÿ’ก Pro Tip: Use slash commands for interactive work and CLI for automation scripts!


๐ŸŒŸ v4.1: Enterprise Features (NEW!)

๐Ÿš€ Transform PRPROMPTS into an enterprise-grade development powerhouse!

Interactive Mode โ€ข API Validation โ€ข Rate Limiting โ€ข Progress Tracking โ€ข Command History

๐ŸŽฏ New Enterprise Features

๐ŸŽฎ Interactive Mode

Menu-driven interface for easier usage

prprompts interactive

Navigate through hierarchical menus:

  • ๐Ÿ“ Create PRD & Generate PRPROMPTS
  • ๐Ÿค– Automation Pipeline
  • ๐Ÿ”ง AI Configuration
  • ๐Ÿ› ๏ธ Project Tools
  • โš™๏ธ Settings & Help

No more remembering commands!

๐Ÿ”‘ API Key Validation

Pre-flight validation & setup

# Validate all API keys
prprompts validate-keys

# Interactive setup
prprompts setup-keys claude

Features:

  • โœ… Multi-location detection
  • โœ… Online validation
  • โœ… Interactive wizard
  • โœ… Secure storage

๐Ÿ“Š Rate Limit Management

Never hit API limits again

prprompts rate-status

Visual usage tracking:

CLAUDE (free tier):
  Per minute: [โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘] 80% 4/5
  Per day:    [โ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘] 20% 20/100
  Tokens:     [โ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘] 40% 4K/10K
  • ๐ŸŽฏ AI recommendation based on availability
  • โณ Automatic backoff & retry
  • ๐Ÿ“ˆ Tier-based tracking

๐Ÿ“ˆ Progress Indicators

Visual feedback for all operations

Real-time progress bars:

Processing: [โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘] 75% ETA: 20s
Loading: โ ธ Loading data (15/30)
Connecting...
โœ“ Initialize project
โ†’ Install dependencies
โ—‹ Generate PRPROMPTS

Multiple indicator types:

  • Progress bars with ETA
  • Spinners for async tasks
  • Step indicators
  • Parallel progress

๐Ÿ“š Command History System

Intelligent command tracking & suggestions

# Browse history interactively
prprompts history

# Search previous commands
prprompts history-search create

# Get suggestions (auto-complete coming soon!)

Features:

  • ๐Ÿ” Search & filter capabilities
  • ๐Ÿ“Š Frequency tracking
  • ๐Ÿท๏ธ Auto-tagging
  • ๐Ÿ’ก Context-aware suggestions
  • ๐Ÿ“ค Export/import for team sharing

๐Ÿš€ Quick Start with v5.0.0

# 1. Install/Update to v5.0.0 (React-to-Flutter + TOML auto-generation)
npm install -g prprompts-flutter-generator@latest

# 2. Setup API keys interactively
prprompts setup-keys claude

# 3. Launch interactive mode
prprompts interactive

# 4. Or use new commands directly
prprompts validate-keys      # Check API keys
prprompts rate-status        # View usage
prprompts history            # Browse history

# 5. Verify multi-AI parity (all should show 21 commands)
qwen /help                   # Qwen Code
gemini /help                 # Gemini CLI
claude /help                 # Claude Code

๐Ÿ“‹ Complete v5.0.0 Command Reference (21 Commands + 8 Skills + React-to-Flutter)

Category Command Description
Interactive prprompts interactive Launch menu-driven interface
prprompts history Browse command history
prprompts history-search [query] Search command history
API Management prprompts validate-keys Validate all API keys
prprompts setup-keys [ai] Interactive API key setup
prprompts rate-status Check rate limit usage
Automation prprompts auto-status Show automation progress
prprompts auto-validate Validate code quality
prprompts auto-bootstrap Bootstrap project structure
prprompts auto-implement N Implement N features
prprompts auto-test Run tests with coverage
prprompts auto-reset Reset automation state

๐Ÿ”ง Environment Variables (v4.1)

# Core Configuration
export PRPROMPTS_DEFAULT_AI=claude    # Default AI (claude/qwen/gemini)
export PRPROMPTS_VERBOSE=true         # Verbose output
export PRPROMPTS_TIMEOUT=300000       # Command timeout (ms)
export PRPROMPTS_RETRY_COUNT=5        # Retry attempts

# API Keys
export CLAUDE_API_KEY=sk-ant-...      # Claude API key
export GEMINI_API_KEY=AIzaSy...       # Gemini API key
export QWEN_API_KEY=...                # Qwen API key

# Rate Limiting Tiers
export CLAUDE_TIER=pro                 # free/starter/pro
export GEMINI_TIER=free                # free/pro
export QWEN_TIER=plus                  # free/plus/pro

๐Ÿ“Š v4.1 Impact Metrics

Feature Before v4.1 After v4.1 Improvement
API Setup Manual config files Interactive wizard 5x easier
Rate Limits Hit 429 errors Smart prevention 0 blocks
Command Discovery Read docs Interactive menus 10x faster
Progress Visibility Text only Visual indicators Clear ETA
Command Memory None Full history 100% recall
Error Recovery Manual retry Auto retry 3x 70% fewer fails
Test Coverage 60% 85% +41% quality

๐Ÿ“Š At a Glance

๐ŸŽฎ Interactive Mode (v4.1)

Menu-driven interface
No command memorization

32 Files Generated

Complete development guides
covering all aspects

3 AI Assistants

Claude โ€ข Qwen โ€ข Gemini
With API validation

6 Compliance Standards

HIPAA โ€ข PCI-DSS โ€ข GDPR
SOC2 โ€ข COPPA โ€ข FERPA

13+ New Commands

Interactive โ€ข Validation โ€ข History
Rate Limiting โ€ข Progress

3 Platforms

Windows โ€ข macOS โ€ข Linux
Enterprise-ready


๐ŸŽฏ How It Works

graph LR
    A[๐Ÿ“ Your PRD] --> B{Generator}
    B --> C[๐Ÿ—๏ธ Phase 1: Architecture<br/>10 files]
    B --> D[๐Ÿ”’ Phase 2: Quality & Security<br/>12 files]
    B --> E[๐Ÿ“Š Phase 3: Demo & Learning<br/>10 files]
    C --> F[โœจ 32 Custom Guides]
    D --> F
    E --> F
    F --> G[๐Ÿš€ Start Building]
Loading

The Process:

  1. Create PRD (1-5 min) - Auto-generate, use wizard, or convert existing docs
  2. Generate PRPROMPTS (60 sec) - AI creates 32 customized development guides
  3. Start Coding - Reference guides during development with confidence

๐Ÿค– Choose Your AI Assistant

๐ŸŽฏ v5.0.0 Achievement: Complete React-to-Flutter + Perfect Multi-AI Parity

With v5.0.0, you get production-ready React/React Native โ†’ Flutter conversion PLUS ALL 21 commands (6 PRD + 4 Planning + 5 PRPROMPTS + 6 Automation) work identically across Claude Code, Qwen Code, and Gemini CLI. Choose your AI based on what matters to YOUโ€”accuracy, context size, or costโ€”not based on which features are available.

Same commands. Same workflows. Same results. Zero manual configuration.

Feature ๐Ÿ”ต Claude Code ๐ŸŸ  Qwen Code ๐ŸŸข Gemini CLI
Context Window 200K tokens 256K-1M tokens โœจ 1M tokens
Free Tier 20 messages/day Self-host โœจ 60 req/min
1,000/day
API Cost $3-15/1M tokens $0.60-3/1M tokens โœจ FREE (preview)
Accuracy โญโญโญโญโญ 9.5/10 โญโญโญโญ 9.0/10 โญโญโญโญ 8.5/10
Best For Production apps Large codebases MVPs, Free tier
Commands โœ… Perfect Parity (v5.0.0): ALL 21 commands + 8 skills + React-to-Flutter work identically everywhere! Just replace claude with qwen or gemini

Installation:

# Install one or all
./scripts/install-commands.sh --global     # Claude Code
./scripts/install-qwen-commands.sh --global    # Qwen Code
./scripts/install-gemini-commands.sh --global  # Gemini CLI
./scripts/install-all.sh --global              # All 3 at once ๐Ÿš€

๐Ÿ“– Detailed Comparison: Claude vs Qwen vs Gemini


๐ŸŽ Official AI Extensions (v4.0)

Each AI assistant now has a dedicated extension! Install PRPROMPTS as a proper extension with optimized configurations:

๐Ÿ”ต Claude Code ๐ŸŸ  Qwen Code ๐ŸŸข Gemini CLI

Production-Quality Extension

๐Ÿ“ฆ claude-extension.json

Install:

bash install-claude-extension.sh

Best For:

  • Production apps
  • Mission-critical systems
  • Enterprise clients
  • Healthcare/Finance

Highlights:

  • 9.5/10 accuracy
  • Official Anthropic support
  • Strong security focus
  • Best reasoning

Extended-Context Extension

๐Ÿ“ฆ qwen-extension.json

Install:

bash install-qwen-extension.sh

Best For:

  • Large codebases
  • Cost-sensitive projects
  • Self-hosting
  • Entire monorepos

Highlights:

  • 256K-1M token context
  • State-of-the-art agentic
  • Open source
  • Cost-effective

Free-Tier Extension

๐Ÿ“ฆ gemini-extension.json

Install:

bash install-gemini-extension.sh

Best For:

  • MVPs & prototypes
  • Free tier usage
  • CI/CD automation
  • Students/learning

Highlights:

  • 1M token context
  • 60 req/min FREE
  • No credit card
  • Google integration
  • Slash commands - Commands appear in /help output

Using Slash Commands:

gemini  # Start Gemini REPL

# Then use commands with / prefix:
/help                     # See all commands
/create-prd               # Interactive PRD wizard
/gen-prprompts           # Generate all 32 files
/bootstrap-from-prprompts # Complete setup (2 min)
/full-cycle               # Auto-implement features
/qa-check                 # Compliance audit

All commands tagged with [prprompts] in /help output!

๐Ÿ“– Full Documentation: Claude Code Guide โ€ข Qwen Code Guide โ€ข Gemini CLI Guide

All extensions include: v4.0 automation โ€ข 14 commands โ€ข Extension manifest โ€ข Optimized configs โ€ข Quick Start guides

Extension Features

โœ… Extension Manifest - Proper extension.json with full metadata โœ… Dedicated Installer - AI-specific installation scripts โœ… Optimized Configs - Tuned for each AI's strengths โœ… v4.0 Automation - All 5 automation commands included โœ… Complete Docs - Full setup & usage guides โœ… npm Support - Auto-install via postinstall script โœ… TOML Slash Commands - Native command integration (Gemini CLI)

TOML Slash Commands (Gemini CLI)

NEW in v4.0.0: PRPROMPTS commands now appear directly in Gemini's /help output using TOML command files!

How it works:

  • Commands are defined in commands/*.toml files
  • Each file has description and prompt fields
  • Commands are discoverable via /help in Gemini REPL
  • Tagged with [prprompts] for easy identification

Available Commands:

/create-prd               # [prprompts] Interactive PRD creation wizard (10 questions)
/gen-prprompts           # [prprompts] Generate all 32 PRPROMPTS files from PRD
/bootstrap-from-prprompts # [prprompts] Complete project setup from PRPROMPTS (2 min)
/full-cycle               # [prprompts] Auto-implement 1-10 features automatically (1-2 hours)
/qa-check                 # [prprompts] Comprehensive compliance audit - generates QA_REPORT.md with score

Installation:

# Via PowerShell (Windows)
irm https://raw.githubusercontent.com/Kandil7/prprompts-flutter-generator/master/scripts/setup-gist.ps1 | iex

# Or via npm
npm install -g prprompts-flutter-generator

Usage Example:

# Start Gemini REPL
gemini

# See all available commands (PRPROMPTS commands will be listed!)
/help

# Create PRD interactively
/create-prd

# Generate all 32 PRPROMPTS files
/gen-prprompts

# Bootstrap entire project
/bootstrap-from-prprompts

# Auto-implement 5 features
/full-cycle
5

# Run compliance audit
/qa-check

TOML Format Example:

description = "[prprompts] Interactive PRD creation wizard (10 questions)"

prompt = """
Generate a comprehensive Product Requirements Document...
[Full prompt instructions here]
"""

Benefits:

  • โœ… Commands appear in /help alongside other extensions (like Flutter)
  • โœ… Easy discovery - users can see what's available
  • โœ… Consistent UX - same format as official Gemini extensions
  • โœ… Quick invocation - just type / + command name

Quick Extension Setup

Option 1: npm (Easiest)

# Automatically installs extension for detected AIs
npm install -g prprompts-flutter-generator

Option 2: Extension Script (AI-specific)

# Clone repo once
git clone https://github.com/Kandil7/prprompts-flutter-generator.git
cd prprompts-flutter-generator

# Install extension for your AI
bash install-claude-extension.sh   # Claude Code
bash install-qwen-extension.sh     # Qwen Code
bash install-gemini-extension.sh   # Gemini CLI

Option 3: Install All Extensions

# Install extensions for all 3 AIs at once
bash install-claude-extension.sh
bash install-qwen-extension.sh
bash install-gemini-extension.sh

๐Ÿ’ก Why Use This?

โŒ The Problem

Most Flutter projects face these challenges:

Challenge Impact Cost
No security guidelines Critical vulnerabilities (JWT signing in Flutter, storing credit cards) High risk
Inconsistent patterns Every developer does things differently Slow onboarding
Missing compliance docs HIPAA/PCI-DSS violations discovered late Project delays
Junior developer confusion No explanation of "why" behind decisions Low productivity
Scattered best practices Hours wasted searching StackOverflow Wasted time

โœ… The Solution

PRPROMPTS Generator creates 32 customized, security-audited guides that:

๐Ÿ›ก๏ธ Security First

  • โœ… Correct JWT verification (public key only)
  • โœ… PCI-DSS tokenization (never store cards)
  • โœ… HIPAA encryption (AES-256-GCM for PHI)
  • โœ… Compliance-aware (6 standards supported)

๐ŸŽ“ Team-Friendly

  • โœ… Explains "why" behind every rule
  • โœ… Real Flutter code examples
  • โœ… Validation gates (checklists + CI)
  • โœ… Adapts to team size (1-50+ devs)

โšก Time-Saving

  • โœ… 60-second generation
  • โœ… PRD-driven customization
  • โœ… 500-600 words per guide
  • โœ… Pre-merge checklists included

๐Ÿ”ง Tool-Integrated

  • โœ… Structurizr (C4 diagrams)
  • โœ… GitHub CLI integration
  • โœ… Serena MCP support
  • โœ… CI/CD templates

๐Ÿ” Security & Compliance Highlights

โš ๏ธ Common Mistakes We Prevent

JWT Authentication - Most Common Vulnerability

โŒ WRONG (Security Vulnerability):

// NEVER do this - exposes private key!
final token = JWT({'user': 'john'}).sign(SecretKey('my-secret'));

โœ… CORRECT (Secure Pattern):

// Flutter only verifies tokens (public key only!)
Future<bool> verifyToken(String token) async {
  final jwt = JWT.verify(
    token,
    RSAPublicKey(publicKey),  // Public key only!
    audience: Audience(['my-app']),
    issuer: 'api.example.com',
  );
  return jwt.payload['exp'] > DateTime.now().millisecondsSinceEpoch / 1000;
}

Why? Backend signs with private key (RS256), Flutter verifies with public key. This prevents token forgery.

PCI-DSS Compliance - Payment Security

โŒ WRONG (PCI-DSS Violation):

// NEVER store full card numbers!
await db.insert('cards', {'number': '4242424242424242'});

โœ… CORRECT (PCI-DSS Compliant):

// Use tokenization (Stripe, PayPal, etc.)
final token = await stripe.createToken(cardNumber);
await db.insert('cards', {
  'last4': cardNumber.substring(cardNumber.length - 4),
  'token': token,  // Only store token
});

Why? Storing full card numbers requires PCI-DSS Level 1 certification. Tokenization reduces your scope.

HIPAA Compliance - Healthcare Data Protection

โŒ WRONG (HIPAA Violation):

// NEVER log PHI!
print('Patient SSN: ${patient.ssn}');

โœ… CORRECT (HIPAA Compliant):

// Encrypt PHI at rest (AES-256-GCM)
final encrypted = await _encryptor.encrypt(
  patientData,
  key: await _secureStorage.read(key: 'encryption_key'),
);
await db.insert('patients', {'encrypted_data': encrypted});

// Safe logging (no PHI)
print('Patient record updated: ${patient.id}');

Why? HIPAA ยง164.312(a)(2)(iv) requires encryption of ePHI at rest.

Compliance Standards Supported

Standard What Gets Generated Use Case
HIPAA PHI encryption, audit logging, HTTPS-only Healthcare apps
PCI-DSS Payment tokenization, TLS 1.2+, SAQ checklist E-commerce, Fintech
GDPR Consent management, right to erasure, data portability EU users
SOC2 Access controls, encryption, audit trails Enterprise SaaS
COPPA Parental consent, age verification Apps for children
FERPA Student records protection Education apps

๐Ÿ“ฆ Installation

โšก Super Quick Install - npm (Easiest!)

๐Ÿ†• v3.1 - One command for all platforms!

npm install -g prprompts-flutter-generator

That's it! The postinstall script automatically:

  • โœ… Auto-detects installed AI assistants (Claude/Qwen/Gemini)
  • โœ… Configures commands for all detected AIs
  • โœ… Creates unified configuration at ~/.prprompts/config.json
  • โœ… Sets up the prprompts CLI globally
  • โœ… Copies all prompt files and templates
  • โœ… Works on Windows, macOS, and Linux

Then use anywhere:

prprompts create      # Create PRD
prprompts generate    # Generate all 32 files
claude create-prd     # Or use AI-specific commands

Why npm install is better:

Feature npm Install Script Install
Setup Time โœ… 30 seconds 60 seconds
Prerequisites โœ… Node.js only Git, bash required
Windows Support โœ… Native (cmd/PowerShell) Requires PowerShell or Git Bash
Updates โœ… npm update -g Manual git pull
Uninstall โœ… npm uninstall -g Manual cleanup
Version Management โœ… npm handles it Manual git checkout

Don't have an AI assistant yet?

# Install Claude Code (Recommended for production)
npm install -g @anthropic-ai/claude-code

# OR install Gemini CLI (Best free tier)
npm install -g @google/gemini-cli

# OR install Qwen Code (Best for large codebases)
npm install -g @qwenlm/qwen-code

# Then install PRPROMPTS
npm install -g prprompts-flutter-generator

Complete Setup Example:

# Full installation (30 seconds total)
npm install -g @anthropic-ai/claude-code prprompts-flutter-generator

# Verify installation
prprompts doctor

# Start using it
cd your-flutter-project
prprompts create
prprompts generate

๐Ÿš€ Alternative Install Methods

๐Ÿ†• v3.0 Smart Installer - Auto-detects everything:

Platform Command Notes
๐ŸชŸ Windows PowerShell
irm https://raw.githubusercontent.com/Kandil7/prprompts-flutter-generator/master/scripts/setup-gist.ps1 | iex
๐Ÿ“– Full Windows Guide
๐ŸชŸ Windows (Alternative)
# Download and double-click
git clone https://github.com/Kandil7/prprompts-flutter-generator.git
cd prprompts-flutter-generator
INSTALL-WINDOWS.bat
One-click installer included!
๐Ÿง Linux / ๐ŸŽ macOS
# Smart installer (v3.0) - Recommended!
curl -sSL https://raw.githubusercontent.com/Kandil7/prprompts-flutter-generator/master/scripts/smart-install.sh | bash
Auto-detects OS & AIs
Git Bash (Windows)
curl -sSL https://raw.githubusercontent.com/Kandil7/prprompts-flutter-generator/master/scripts/smart-install.sh | bash
If you have Git Bash

โš ๏ธ Windows Users: Don't use bash commands in PowerShell! Use the PowerShell method above. See Windows Guide

That's it! Now run prprompts create or claude create-prd from any directory.

๐Ÿ†• v3.0 Unified CLI:

# Add to PATH (one-time)
echo 'export PATH="$HOME/.prprompts/bin:$PATH"' >> ~/.bashrc
source ~/.bashrc

# Use unified commands
prprompts create      # Create PRD with your default AI
prprompts generate    # Generate all 32 PRPROMPTS
prprompts doctor      # Diagnose any issues

๐Ÿ”ง Manual Install (For Advanced Users)

Click to expand manual installation steps
# 1. Clone repository
git clone https://github.com/Kandil7/prprompts-flutter-generator.git
cd prprompts-flutter-generator

# 2. Install commands globally
./scripts/install-commands.sh --global

# 3. Verify installation
claude create-prd --help

Windows users: See WINDOWS.md for detailed Windows installation.

โœ… Verify Installation

# Test commands
claude create-prd --help
qwen gen-prprompts --help
gemini analyze-prd --help

# Run test suite
npm test
npm run test:commands

๐Ÿš€ Quick Start

๐ŸŽฏ Choose Your Path

I have... Command Time Accuracy
๐Ÿ“ Existing docs claude prd-from-files 2 min 90%
๐Ÿ” Project discovery claude auto-prd-from-project 1 min 95%
๐Ÿ’ญ Simple idea claude auto-gen-prd 1 min 85%
๐ŸŽฏ 10 minutes claude create-prd 5 min 95%
โœ๏ธ Full control Copy template 30 min 100%

๐Ÿ’จ Fastest Path (60 seconds total)

๐Ÿ†• With npm install (v3.1):

# 1. Install (30 seconds)
npm install -g @anthropic-ai/claude-code prprompts-flutter-generator

# 2. Create project description (10 sec)
cat > project_description.md << 'EOF'
# HealthTrack Pro

Diabetes tracking app for patients to log blood glucose and
message their doctor. Must comply with HIPAA and work offline.

## Users
- Diabetes patients
- Endocrinologists

## Features
1. Blood glucose tracking
2. Medication reminders
3. Secure messaging
4. Health reports
EOF

# 3. Auto-generate PRD & PRPROMPTS (20 sec)
prprompts auto && prprompts generate

# Done! Start coding
cat PRPROMPTS/README.md

Without npm (v3.0 method):

# 1. Clone and install (60 sec)
git clone https://github.com/Kandil7/prprompts-flutter-generator.git
cd prprompts-flutter-generator
bash scripts/smart-install.sh

# 2. Create project description (30 sec)
cat > project_description.md << 'EOF'
# HealthTrack Pro
...
EOF

# 3. Auto-generate PRD (10 sec)
claude auto-gen-prd

# 4. Generate all 32 PRPROMPTS (50 sec)
claude gen-prprompts

# Done!
cat PRPROMPTS/README.md

What gets auto-inferred:

  • โœ… Project type (healthcare)
  • โœ… Compliance (HIPAA, GDPR)
  • โœ… Platforms (iOS, Android)
  • โœ… Auth method (JWT)
  • โœ… Offline support (yes)
  • โœ… Team size (medium)

๐Ÿ“– Full Guides:


๐ŸŽจ Slash Commands (NEW in v4.1)

All 21 commands now work as slash commands inside Claude Code, Qwen Code, and Gemini CLI chat sessions!

Two Ways to Run Commands

Method Example Use Case
Terminal (traditional) claude create-prd Scripting, automation, CI/CD
Chat (new slash commands) /prd/create Interactive development, in-session workflows

Organized by Category

In chat, type / to explore commands:

/prd/create                     # Interactive PRD wizard
/prd/auto-generate              # Auto from description file
/prd/analyze                    # Validate PRD with quality scoring

/planning/estimate-cost         # Cost breakdown
/planning/implementation-plan   # Sprint-based planning

/prprompts/generate-all         # All 32 PRPROMPTS files
/prprompts/phase-1              # Phase 1 only

/automation/bootstrap           # Complete project setup (2 min)
/automation/implement-next      # Auto-implement next feature (10 min)
/automation/update-plan         # Re-plan based on velocity (30 sec)

Benefits:

  • โœ… Shorter names - /prd/create vs claude create-prd
  • โœ… Organized - Grouped by category (prd, planning, prprompts, automation)
  • โœ… Discoverable - Type / in chat to explore
  • โœ… In-session - No need to switch to terminal

Works with all 3 AI assistants:

  • Claude Code - Type /prd/create in chat
  • Qwen Code - Type /prd/create in chat
  • Gemini CLI - Type /prd/create in chat

๐Ÿ“– Full Documentation: See CLAUDE.md, QWEN.md, GEMINI.md


๐Ÿ“š What Gets Generated

๐Ÿ“‚ Output Structure

your-flutter-project/
โ”œโ”€โ”€ lib/
โ”œโ”€โ”€ test/
โ”œโ”€โ”€ docs/
โ”‚   โ””โ”€โ”€ PRD.md              โ† Your requirements
โ””โ”€โ”€ PRPROMPTS/              โ† 33 generated files
    โ”œโ”€โ”€ 01-feature_scaffold.md
    โ”œโ”€โ”€ 02-responsive_layout.md
    โ”œโ”€โ”€ 03-bloc_implementation.md
    โ”œโ”€โ”€ 04-api_integration.md
    โ”œโ”€โ”€ ...
    โ”œโ”€โ”€ 32-lessons_learned_engine.md
    โ””โ”€โ”€ README.md           โ† Index & usage guide

๐Ÿ—๏ธ The 32 Files (3 Phases)

Phase 1: Core Architecture (10 files) - Essential development patterns
  1. Feature Scaffold - Clean Architecture structure
  2. Responsive Layout - Mobile/tablet/desktop UI
  3. BLoC Implementation - State management patterns
  4. API Integration - Auth, JWT verification, error handling
  5. Testing Strategy - Unit/widget/integration tests
  6. Design System - Theme, components, Material 3
  7. Junior Onboarding - Step-by-step guide for new devs
  8. Accessibility - WCAG 2.1 Level AA compliance
  9. Internationalization - Multi-language support
  10. Performance - Build times, FPS optimization
Phase 2: Quality & Security (12 files) - Production readiness
  1. Git Branching - Feature branches, PR workflows
  2. Progress Tracking - Sprint planning, velocity
  3. Multi-Team Coordination - API contracts, dependencies
  4. Security Audit - Pre-release checklist, OWASP
  5. Release Management - App Store process, versioning
  6. Security & Compliance โญ - HIPAA/PCI-DSS/GDPR patterns
  7. Performance (Detailed) - DevTools, profiling
  8. Quality Gates - Coverage, complexity metrics
  9. Localization & A11y - Combined L10n + accessibility
  10. Versioning - Semantic versioning, changelogs
  11. Team Culture - Async communication, RFCs
  12. Auto-Documentation - dartdoc, JSDoc integration
Phase 3: Demo & Learning (10 files + README) - Client success
  1. AI Pair Programming - Claude/Copilot integration
  2. Dashboard & Analytics - Firebase, Crashlytics
  3. Tech Debt - Tracking and refactor strategy
  4. Demo Environment โญ - PRD-specific demo data
  5. Demo Progress - Client-facing dashboard
  6. Demo Branding - Client-specific theming
  7. Demo Deployment - CI/CD for demo builds
  8. Client Reports - Weekly status templates
  9. Role Adaptation โญ - Team-size specific roles
  10. Lessons Learned - Retrospective templates
  • README.md - Index and usage guide

๐ŸŽฏ The PRP Pattern

Every file follows this 6-section structure:

## FEATURE
What this guide helps you accomplish

## EXAMPLES
Real code with actual Flutter file paths

## CONSTRAINTS
โœ… DO / โŒ DON'T rules

## VALIDATION GATES
Pre-commit checklist + CI/CD automation

## BEST PRACTICES
Junior-friendly "Why?" explanations

## REFERENCES
Official docs, compliance guides, ADRs

๐ŸŽ“ Examples

Healthcare App (HIPAA)

HealthTrack Pro - Patient Management System

Complete HIPAA-compliant implementation guide with full code examples:

  • PHI Encryption - AES-256-GCM encryption at rest
  • Audit Logging - HIPAA-compliant access tracking
  • JWT Verification - RS256 with public key only
  • Offline-first - Encrypted local storage with sync
  • Time Savings - 3h 45min vs 4 weeks (98% faster)

๐Ÿ“„ Complete Healthcare Example โ†’ (847 lines, production-ready code)

What you get:

// PHI encryption pattern
@JsonKey(fromJson: _decryptString, toJson: _encryptString)
required String ssn,  // Encrypted in database

// HIPAA audit logging
await auditLogger.log(
  action: AuditAction.patientView,
  userId: requesterId,
  resourceId: patientId,
);

E-Commerce App (PCI-DSS)

ShopFlow - E-Commerce Platform

Complete PCI-DSS Level 1 compliant implementation:

  • Payment Tokenization - Stripe integration, never store cards
  • 3D Secure - Strong customer authentication
  • GDPR - Data export, deletion, consent management
  • Offline Support - Cart sync and order management
  • Time Savings - 4 hours vs 5 weeks (98% faster)

๐Ÿ“„ Complete E-Commerce Example โ†’ (832 lines, PCI-DSS compliant)

What you get:

// Payment tokenization (PCI-DSS compliant)
final result = await stripe.confirmPayment(
  clientSecret: clientSecret,
  params: paymentMethod,  // Card data goes directly to Stripe
);

// GDPR data export
await userRepository.exportUserData(userId);  // Complete data package

Education Platform (FERPA/COPPA)

EduConnect - Learning Management System

Complete FERPA and COPPA compliant implementation:

  • Student Records - FERPA-compliant access control
  • Parental Consent - COPPA for students under 13
  • Role-Based Access - Teachers, students, parents, admins
  • Report Cards - PDF generation with FERPA notices
  • Time Savings - 3h 40min vs 5 weeks (97% faster)

๐Ÿ“„ Complete Education Example โ†’ (1,006 lines, FERPA/COPPA compliant)

What you get:

// FERPA access control
await ferpaAccess.canAccessStudentRecord(
  userId: userId,
  studentId: studentId,
  requiredLevel: FerpaPermissionLevel.fullAccess,
);

// COPPA parental consent
if (student.requiresCoppaConsent) {
  await parentalConsentService.requestConsent(parent, student);
}

๐Ÿ”ง Commands Reference

PRD Creation

claude create-prd          # Interactive wizard with template selection (NEW v4.1)
claude auto-gen-prd        # Auto from description file
claude prd-from-files      # From existing markdown docs
claude auto-prd-from-project  # Auto-discover all .md files (NEW v4.1)
claude analyze-prd         # Validate PRD structure + quality scoring (ENHANCED v4.1)
claude refine-prd          # Interactive quality improvement loop (NEW v4.1)

NEW in v4.1: Industry Starter Templates

create-prd now offers 6 pre-configured templates with industry best practices:

Template Compliance Features Use Case
๐Ÿฅ Healthcare HIPAA, GDPR Patient portal, PHI encryption, audit logs Telemedicine, EHR, patient apps
๐Ÿ’ฐ Fintech PCI-DSS, SOX Payment security, KYC, fraud detection Banking, payments, trading
๐ŸŽ“ Education COPPA, FERPA Parental consent, student privacy K-12 learning, LMS, student portals
๐Ÿ›’ E-commerce PCI-DSS Stripe, shopping cart, secure checkout Online stores, marketplaces
๐Ÿšš Logistics GDPR GPS tracking, route optimization, offline Delivery, fleet management
๐Ÿ’ผ SaaS/B2B GDPR, SOX Multi-tenancy, enterprise SSO, billing Business tools, productivity apps

Benefits:

  • Setup time: 20 min โ†’ 5 min (4x faster)
  • Pre-configured compliance requirements
  • Industry-specific features already defined
  • Fully customizable after loading

PRD Strategic Planning (NEW v4.1 Phase 2)

Before generating code, use strategic planning tools for budget and timeline:

claude estimate-cost                  # Generate cost breakdown (60 sec)
claude analyze-dependencies           # Map feature dependencies (45 sec)
claude generate-stakeholder-review    # Create review checklists (30 sec)
claude generate-implementation-plan   # Create sprint-based implementation plan (90 sec) - NEW v4.1 Phase 3
claude update-plan                    # Re-plan based on actual progress (30 sec) - NEW v4.1 Phase 3

Cost Estimator (estimate-cost)

  • Development hours by feature complexity
  • Labor costs by role (Senior/Mid/Junior rates)
  • Infrastructure & third-party service costs
  • Compliance audit costs (HIPAA, PCI-DSS, etc.)
  • 10-section report with ยฑ20% confidence
  • Output: docs/COST_ESTIMATE.md

Dependency Analyzer (analyze-dependencies)

  • Maps which features depend on others
  • Calculates critical path (longest dependency chain)
  • Identifies blocking features
  • Suggests 4-phase implementation plan
  • Recommends parallel work streams
  • Output: docs/FEATURE_DEPENDENCIES.md

Stakeholder Review (generate-stakeholder-review)

  • Role-specific checklists (Executive, Technical, Compliance, Legal)
  • Customized per project type and compliance
  • Sign-off tracker for approvals
  • HIPAA/PCI-DSS/GDPR/COPPA specific sections
  • Output: docs/STAKEHOLDER_REVIEW.md

Implementation Planner (generate-implementation-plan) NEW v4.1 Phase 3

  • Sprint-based task breakdown (2-week iterations)
  • Team allocation by skill level (senior/mid/junior)
  • Velocity-based sprint allocation
  • Code snippets and test scenarios per task
  • Critical path visualization
  • Risk register (HIPAA/PCI-DSS tasks flagged)
  • Progress tracking (TODO/IN_PROGRESS/BLOCKED/DONE)
  • Integrates with FEATURE_DEPENDENCIES.md and COST_ESTIMATE.md
  • Output: docs/IMPLEMENTATION_PLAN.md (850+ lines)

Adaptive Re-Planner (update-plan) NEW v4.1 Phase 3

  • Calculates actual velocity from completed sprints
  • Identifies blockers and delays with impact analysis
  • Re-allocates remaining tasks to sprints
  • Updates timeline forecasts
  • Recommends scope/resource adjustments
  • Run after each sprint (every 2 weeks)
  • Maintains plan accuracy (ยฑ10% after 2-3 sprints)

Typical workflow:

# 1. Create PRD with template
claude create-prd

# 2. Get cost estimate
claude estimate-cost              # Budget planning

# 3. Analyze dependencies
claude analyze-dependencies       # Timeline planning

# 4. Generate implementation plan (NEW v4.1 Phase 3)
claude generate-implementation-plan   # Sprint planning

# 5. Generate stakeholder review
claude generate-stakeholder-review

# 6. Get approvals, then generate PRPROMPTS
claude gen-prprompts

# 7. Start development (uses implementation plan)
claude bootstrap-from-prprompts
claude implement-next             # Auto-implements next task

# 8. After each sprint (every 2 weeks)
claude update-plan                # Re-plan based on actual progress

PRPROMPTS Generation

claude gen-prprompts       # All 32 files (60 sec)
claude gen-phase-1         # Phase 1 only (20 sec)
claude gen-phase-2         # Phase 2 only (25 sec)
claude gen-phase-3         # Phase 3 only (20 sec)
claude gen-file <name>     # Single file

Complete Workflows

# From existing docs โ†’ PRPROMPTS (2 min)
claude prd-from-files && claude gen-prprompts

# From idea โ†’ PRPROMPTS (1 min)
claude auto-gen-prd && claude gen-prprompts

# From all project docs โ†’ PRPROMPTS (1 min) - NEW v4.1
claude auto-prd-from-project && claude gen-prprompts

# Interactive โ†’ PRPROMPTS (5 min)
claude create-prd && claude gen-prprompts

Replace claude with qwen or gemini to use different AI assistants!

๐Ÿ“– Full Command Reference: docs/API.md


๐Ÿ’ผ Practical Workflow Examples

Scenario 1: Complete Setup from Scratch (npm method)

๐Ÿ†• v3.1 - Fastest way for new users!

# Day 1: Complete Setup (90 seconds)
cd ~/projects
mkdir healthtrack-pro && cd healthtrack-pro

# Install everything at once
npm install -g @anthropic-ai/claude-code prprompts-flutter-generator

# Initialize Flutter project
flutter create .

# Use healthcare template
cat templates/healthcare.md > project_description.md

# Generate PRD and all 32 PRPROMPTS
prprompts auto && prprompts generate

# Verify installation
prprompts doctor

# Result: Ready to start coding with 32 security-audited guides!

Scenario 2: Brand New Healthcare App (git clone method)

# Day 1: Setup (2 minutes)
cd ~/projects
mkdir healthtrack-pro && cd healthtrack-pro

# Initialize Flutter project
flutter create .

# Use healthcare template
cat > project_description.md < templates/healthcare.md

# Generate PRD with unified CLI
prprompts auto

# Generate all guides
prprompts generate

# Result: Ready to start coding with 32 security-audited guides!

Scenario 3: Adding PRPROMPTS to Existing Project

# Navigate to your existing Flutter project
cd ~/projects/my-existing-app

# Create PRD from existing documentation
prprompts from-files
# Enter your existing docs when prompted:
#   docs/requirements.md
#   docs/architecture.md
#   docs/api-spec.md

# Review the generated PRD
cat docs/PRD.md

# Generate PRPROMPTS for existing codebase
prprompts generate

# Now you have comprehensive guides for your team!

Scenario 4: Switching Between AI Assistants

# Check current AI
prprompts which
# Output: Current AI: claude

# Try Gemini for faster free generation
prprompts switch gemini
# Output: โœ“ Default AI set to: gemini

# Generate with Gemini
prprompts generate

# Switch back to Claude for production
prprompts switch claude

# Regenerate specific file with Claude
prprompts gen-file security_and_compliance

Scenario 5: Team Onboarding

# New developer joins the team

# 1. Quick diagnosis
prprompts doctor
# Checks: Node.js โœ“, npm โœ“, Claude โœ“, Qwen โœ—, Gemini โœ“

# 2. View project guides
cd PRPROMPTS
cat README.md

# 3. Read junior onboarding guide
cat 07-junior_onboarding.md

# 4. Check security requirements
cat 16-security_and_compliance.md

# Team member is now productive in < 30 minutes!

Scenario 6: Compliance Requirement Change

# Client now requires PCI-DSS compliance

# 1. Update PRD
vim docs/PRD.md
# Add: compliance: ["hipaa", "pci-dss", "gdpr"]

# 2. Regenerate affected files
prprompts gen-file security_and_compliance
prprompts gen-file api_integration
prprompts gen-file security_audit

# 3. Review changes
git diff PRPROMPTS/

# Now you have PCI-DSS patterns integrated!

Scenario 7: Multi-Platform Expansion

# Originally mobile-only, now adding Web

# 1. Update PRD platforms
vim docs/PRD.md
# Change: platforms: ["ios", "android", "web"]

# 2. Regenerate responsive layout guide
prprompts gen-file responsive_layout

# 3. Regenerate design system
prprompts gen-file design_system

# 4. Check web-specific considerations
cat PRPROMPTS/02-responsive_layout.md | grep -i "web"

Scenario 8: Pre-Release Security Audit

# Before releasing to production

# 1. Run security audit checklist
cat PRPROMPTS/14-security_audit_checklist.md

# 2. Verify compliance
cat PRPROMPTS/16-security_and_compliance.md

# 3. Check JWT implementation
grep -r "JWT" lib/ --include="*.dart"

# 4. Validate against PRPROMPTS patterns
# Review: Are we verifying tokens with public key only?
# Review: Are we using RS256, not HS256?

# Ship with confidence!

Scenario 9: Quick Template-Based Start

# Starting a fintech app

# Use pre-configured template
cp templates/fintech.md project_description.md

# Customize for your needs
vim project_description.md

# Auto-generate PRD
prprompts auto

# Generate PRPROMPTS
prprompts generate

# You now have PCI-DSS compliant guides ready!

๐Ÿ“‹ Quick Reference Card

๐Ÿ†• Unified CLI Commands (v3.0)

Command Description Example
prprompts init Initialize PRPROMPTS in project prprompts init
prprompts create Interactive PRD wizard prprompts create
prprompts auto Auto-generate from description prprompts auto
prprompts from-files Generate from existing docs prprompts from-files
prprompts analyze Validate PRD structure prprompts analyze
prprompts generate Generate all 32 files prprompts generate
prprompts gen-phase-1 Generate Phase 1 only prprompts gen-phase-1
prprompts gen-file Generate single file prprompts gen-file bloc_implementation
prprompts config Show configuration prprompts config
prprompts switch Change default AI prprompts switch gemini
prprompts which Show current AI prprompts which
prprompts doctor Diagnose issues prprompts doctor
prprompts update Update to latest version prprompts update
prprompts check-updates Check for available updates prprompts check-updates
prprompts version Show version info prprompts version
prprompts help Show help prprompts help

๐Ÿ“ Common Workflows

๐Ÿ†• Complete Setup with npm (30 seconds):

npm install -g @anthropic-ai/claude-code prprompts-flutter-generator
prprompts auto && prprompts generate

Healthcare App:

cp templates/healthcare.md project_description.md
prprompts auto && prprompts generate

Fintech App:

cp templates/fintech.md project_description.md
prprompts auto && prprompts generate

From Existing Docs:

prprompts from-files && prprompts generate

Regenerate Security File:

prprompts gen-file security_and_compliance

Switch to Gemini (Free Tier):

prprompts switch gemini && prprompts generate

Check Installation:

prprompts doctor

Update to Latest:

# Check for updates first
prprompts check-updates

# Install update
prprompts update

# Or use npm directly
npm update -g prprompts-flutter-generator

Auto-updates: PRPROMPTS automatically checks for updates once per day and notifies you when a new version is available.

๐Ÿ”„ Upgrade to v3.1

๐Ÿ†• From npm (easiest):

# Update to latest
npm update -g prprompts-flutter-generator

# Verify
prprompts --version
prprompts doctor

From git clone (v3.0):

# Pull latest
cd prprompts-flutter-generator
git pull origin master

# Run smart installer
bash scripts/smart-install.sh

# Test unified CLI
prprompts --version
prprompts doctor

Migrate from git to npm:

# Remove old installation (optional)
rm -rf ~/prprompts-flutter-generator

# Install via npm
npm install -g prprompts-flutter-generator

# Verify
prprompts doctor

๐Ÿ’ก Pro Tips

  1. ๐Ÿ†• Install Everything at Once: Use npm to install AI + PRPROMPTS together

    npm install -g @anthropic-ai/claude-code prprompts-flutter-generator
  2. Quick Updates: Check for updates regularly

    npm update -g prprompts-flutter-generator
    # or use built-in updater
    prprompts update
  3. Tab Completion: Install shell completions for faster typing

    sudo cp completions/prprompts.bash /etc/bash_completion.d/
  4. Quick Template: Use templates for common project types

    ls templates/  # See all available templates
    cp templates/healthcare.md project_description.md
  5. Selective Regeneration: Only regenerate files that changed

    prprompts gen-file security_and_compliance
    prprompts gen-file api_integration
  6. Multiple AIs: Install all 3 AIs and switch based on task

    npm install -g @anthropic-ai/claude-code @qwenlm/qwen-code @google/gemini-cli
    prprompts switch gemini  # For free tier
    prprompts switch claude  # For production quality
    prprompts switch qwen    # For large codebases
  7. Diagnose Issues: Use doctor command first

    prprompts doctor  # Shows what's installed and configured

๐Ÿ”ง Quick Troubleshooting

Issue Solution
command not found: prprompts Run: npm install -g prprompts-flutter-generator
Check PATH: echo $PATH (should include npm bin)
Restart terminal after installation
command not found: claude/qwen/gemini Install AI CLI first:
npm install -g @anthropic-ai/claude-code
Verify: claude --version
EACCES: permission denied macOS/Linux: Use nvm instead of sudo
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
Windows: No admin needed (should work by default)
API key not found/invalid Run setup wizard: prprompts setup-keys claude
Or set manually: export ANTHROPIC_API_KEY=sk-ant-...
Validate: prprompts validate-keys
Rate limit errors (429) Check usage: prprompts rate-status
Switch AI: prprompts switch gemini (free tier)
Wait for reset or upgrade plan
Git Bash not working on Windows Use PowerShell installer:
.\scripts\install-commands.ps1
Or use npm (works everywhere):
npm install -g prprompts-flutter-generator
Generated files empty/incomplete Check PRD exists: cat docs/PRD.md
Regenerate: prprompts generate --force
Check AI connection: prprompts validate-keys

Still stuck?

  1. Run diagnostics: prprompts doctor
  2. Check Full Troubleshooting Guide (775+ lines)
  3. Search GitHub Issues
  4. Ask in Discussions

โ“ FAQ

Q: Do I need all 3 AI assistants?

A: No! Pick one based on YOUR needsโ€”v5.0.0 achieved perfect command parity + React-to-Flutter:

  • Claude Code - Best accuracy (9.5/10), production apps
  • Qwen Code - Best context (256K-1M tokens), large codebases, self-host
  • Gemini CLI - Best free tier (60 req/min, 1,000/day!)

ALL 21 commands + 8 skills work identically across all 3. Choose by power/cost, not by features!

Q: Can I use this for existing projects?

A: Yes! Use claude auto-prd-from-project to auto-discover all .md files, or claude prd-from-files to select specific docs, then generate PRPROMPTS. Works great for legacy projects needing standardization.

Q: How do I customize generated files?

A: Edit the generated PRPROMPTS files directly. Add team-specific examples, internal wiki links, or custom validation gates. See Customization Guide.

Q: Is this only for Flutter?

A: Currently yes. The generator is optimized for Flutter with Clean Architecture + BLoC. You can fork and customize for React Native, SwiftUI, etc.

Q: How often should I regenerate?

A: Regenerate when:

  • Compliance requirements change (adding HIPAA)
  • Authentication method changes (JWT โ†’ OAuth2)
  • New platform added (adding Web support)
  • Team size changes significantly
Q: Can I use this offline?

A: Partially. Qwen Code can run locally (offline). Claude Code and Gemini CLI require internet. All generated files work offline once created.

Q: What if I find a security issue?

A: Please report security issues privately to the maintainers. See CONTRIBUTING.md for contact info.

Q: npm install fails - how do I troubleshoot?

A: Try these steps:

  1. Check Node.js version:

    node --version  # Should be v20 or higher
  2. Clear npm cache:

    npm cache clean --force
    npm install -g prprompts-flutter-generator
  3. Use sudo on macOS/Linux (if permission error):

    sudo npm install -g prprompts-flutter-generator
  4. On Windows (permission error):

    • Run cmd or PowerShell as Administrator
  5. Check installation:

    prprompts doctor  # Diagnoses all issues
Q: Can I install locally (not globally)?

A: Yes, but global install is recommended:

# Local install (in project)
npm install prprompts-flutter-generator
npx prprompts create

# Global install (anywhere) - Recommended
npm install -g prprompts-flutter-generator
prprompts create
Q: What's new in v4.1?

A: v4.1 adds enterprise features:

  • Interactive Mode - No more command memorization!
  • API Validation - Automatic key detection and validation
  • Rate Limiting - Never hit 429 errors again
  • Progress Bars - Visual feedback with ETAs
  • Command History - Track and search all commands

Run prprompts interactive to explore all new features!

Q: How do I update to the latest version?

A: Simple:

# Check current version
prprompts version

# Update to latest
npm update -g prprompts-flutter-generator

# Or use built-in updater
prprompts update
Q: How do I uninstall completely?

A: Clean uninstall:

# Uninstall package
npm uninstall -g prprompts-flutter-generator

# Remove config (optional)
rm -rf ~/.prprompts
rm -rf ~/.config/claude/prompts/*prprompts*
rm -rf ~/.config/qwen/prompts/*prprompts*
rm -rf ~/.config/gemini/prompts/*prprompts*

๐Ÿ“– Documentation

Core Guides

PRD Creation

AI Extensions & Setup

Migration & Upgrades

Security & Community

Industry Examples

Platform Support


๐Ÿค Contributing

Contributions welcome! See CONTRIBUTING.md for guidelines.

Development Setup

git clone https://github.com/Kandil7/prprompts-flutter-generator.git
cd prprompts-flutter-generator
npm install
./scripts/setup.sh

# Run tests
npm test                  # Full validation
npm run test:commands     # Command availability

๐Ÿ—บ๏ธ Roadmap

โœ… v5.0.0 (Current) - Production React-to-Flutter Refactoring ๐ŸŽฏ

  • Complete React-to-Flutter Conversion - Production-ready React/React Native โ†’ Flutter transformation
  • Intelligent Style Conversion - CSS/Flexbox โ†’ Flutter BoxDecoration/TextStyle (780 lines)
  • Complete Hooks Conversion - All major hooks: useState, useEffect, useContext, useReducer, useRef, custom (780 lines, 38 tests)
  • Advanced JSX Patterns - HOCs, memo, forwardRef, render props, fragments, lists (655 lines, 29 tests)
  • Clean Architecture Generation - Automatic domain/data/presentation layer setup
  • BLoC State Management - Full BLoC/Cubit generation with events and states
  • AI Enhancement Layer - Optional AI-powered optimization (Claude/Qwen/Gemini)
  • Comprehensive Validation - Architecture, security, performance, accessibility checks
  • Test Coverage - 623/691 passing (90%), 100% core modules
  • Perfect Multi-AI Parity - ALL features work identically across Claude/Qwen/Gemini

โœ… v4.4.3 - Perfect Multi-AI Command Parity

  • TOML Auto-Generation - Automatic .md to .toml conversion during npm install
  • Perfect Command Parity - ALL 21 commands work identically across Claude/Qwen/Gemini
  • Zero-Config Setup - Works out-of-the-box for all 3 AIs, no manual configuration
  • 29 Total Slash Commands - 21 regular commands + 8 skills, all working everywhere
  • Generation Scripts - Automated command file generation (generate-qwen-command-toml.js, generate-gemini-command-toml.js)
  • Enhanced Postinstall - TOML generation integrated into installation pipeline
  • Organized Documentation - Cleaned markdown file structure (docs/installation/, docs/archive/)
  • Updated Claude Extension - Official plugin schema compliance (40 lines, clean manifest)
  • Marketing Materials - 7 comprehensive launch announcements (Twitter, LinkedIn, Reddit, Dev.to, Product Hunt, Medium, Demo scripts)

โœ… v4.4 - Slash Commands & Skills System

  • 21 Organized Slash Commands - 4 categories: /prd/, /planning/, /prprompts/, /automation/
  • In-Chat Execution - Run commands directly in AI chat without switching to terminal
  • 8 Specialized Skills - Automation, PRPROMPTS core, development workflow skills
  • Qwen/Gemini Skills - TOML-based slash command integration with auto-defaults
  • Skills Documentation - Complete guides for Claude, Qwen, and Gemini skills usage

โœ… v4.1 - Enterprise Features

  • Interactive Mode - Menu-driven interface with hierarchical navigation
  • API Key Validation - Pre-flight validation with interactive setup wizard
  • Rate Limit Management - Visual usage tracking with tier-based monitoring
  • Progress Indicators - Real-time progress bars, spinners, step indicators
  • Command History - Intelligent tracking with search, frequency analysis, and suggestions
  • Enhanced Diagnostics - Comprehensive doctor command, validation tools
  • 6 PRD Planning Commands - Cost estimation, dependency analysis, stakeholder reviews, implementation planning

โœ… v4.0 - Full Automation & Skills System

  • /bootstrap-from-prprompts - Complete project setup (2 min)
  • /implement-next - Auto-implement features (10 min each)
  • /full-cycle - Implement 1-10 features automatically
  • /review-and-commit - Validate & commit
  • /qa-check - Comprehensive compliance audit
  • Claude Code Skills System - 30+ specialized automation skills
  • Automation Phase Complete - 5/5 skills (flutter-bootstrapper, feature-implementer, automation-orchestrator, code-reviewer, qa-auditor)
  • Multi-AI Skills Parity - All skills synced to Claude, Qwen, Gemini
  • Zero-touch automation pipeline
  • 40-60x speed improvement (3-5 days โ†’ 2-3 hours)
  • Security validation built into automation

โœ… v3.1 - npm Install Support

  • npm package distribution
  • Automatic postinstall configuration
  • Auto-detection of installed AIs
  • Cross-platform npm support (Windows/macOS/Linux)
  • npm-based updates and version management

โœ… v3.0 - Smart Installation & Unified CLI

  • Smart unified installer with auto-detection
  • Unified CLI wrapper (prprompts command)
  • Auto-update system with backup/rollback
  • Shell completions (Bash/Zsh/Fish)
  • Project templates (Healthcare, Fintech, E-Commerce, Generic)
  • Doctor command for diagnostics

โœ… v2.2 - Multi-AI Support

  • Claude Code, Qwen Code, Gemini CLI support
  • Strict PRP pattern (6 sections)
  • Critical security corrections (JWT, PCI-DSS, HIPAA)
  • 500-600 words per file
  • Comprehensive documentation
  • Cross-platform installers
  • Testing framework

๐Ÿš€ v4.5 (Next) - Enhanced Skills & Validation

  • Complete Skills Coverage - Finish remaining 13 skills (validation, utilities categories)
  • Architecture Validator - Deep validation of Clean Architecture compliance
  • Security Validator - Automated security pattern verification
  • Compliance Checker - Multi-standard compliance auditing (HIPAA, PCI-DSS, GDPR, etc.)
  • Test Validator - Coverage analysis and test quality scoring
  • API Validator Skill - Pre-flight API key validation and health checks
  • Rate Monitor Skill - Real-time rate limit tracking with smart AI routing
  • Progress Tracker Skill - Visual automation progress with ETA predictions
  • State Manager Skill - Persistent automation state across sessions

๐ŸŽฏ v4.6 (Q1 2025) - Developer Experience

  • VS Code Extension - Generate PRPROMPTS directly from IDE
  • Code Snippets - Pre-built snippets for common PRPROMPTS patterns
  • Live Preview - Real-time PRPROMPTS file preview in editor
  • Quick Actions - Right-click context menu for common operations
  • Status Bar Integration - Show automation progress in VS Code status bar
  • IntelliJ/Android Studio Plugin - Full IDE support for JetBrains products
  • Git Hooks Integration - Pre-commit PRPROMPTS compliance validation
  • PR Automation - Automated PRPROMPTS validation on pull requests

๐ŸŒ v4.7 (Q2 2025) - Web & Team Collaboration

  • Web UI - Browser-based PRD creation and PRPROMPTS generation
  • Team Workspace - Multi-user collaboration on PRDs
  • Template Gallery - Community-contributed PRD templates
  • Real-time Collaboration - Live editing with team members
  • Version Control - Track PRD changes and rollback capability
  • Export Formats - PDF, DOCX, Confluence, Notion exports
  • Jira Integration - Sync PRDs with Jira epics and stories
  • Linear Integration - Bidirectional sync with Linear issues

๐ŸŒŸ v5.0 (Q3 2025) - AI-Powered Intelligence

  • AI PRD Refinement - Intelligent suggestions for PRD improvement
  • Smart Template Matching - Auto-select best template based on project description
  • Dependency Prediction - AI-powered feature dependency analysis
  • Cost Estimation AI - Machine learning-based project cost prediction
  • Risk Analysis - Automated identification of project risks
  • Compliance Recommendations - Smart compliance standard suggestions
  • Code Generation Hints - AI-powered implementation suggestions in PRPROMPTS files
  • Performance Analytics - Track automation success rates and bottlenecks

๐Ÿ”’ v5.1 (Q4 2025) - Advanced Compliance

  • ISO 27001 Support - Information security management
  • NIST Framework - Cybersecurity framework compliance
  • FedRAMP - Federal government cloud security
  • CCPA Support - California consumer privacy
  • LGPD Support - Brazilian data protection
  • PIPEDA Support - Canadian privacy legislation
  • Compliance Dashboard - Visual compliance status tracking
  • Audit Trail - Complete audit logging for compliance

๐ŸŒ v5.2 (Q1 2026) - Internationalization

  • Spanish Translation - Full UI/docs translation
  • French Translation - Complete localization
  • German Translation - DACH region support
  • Portuguese Translation - Brazil/Portugal support
  • Japanese Translation - APAC region support
  • Chinese Translation - Simplified/Traditional Chinese
  • Multi-Language PRDs - Generate PRPROMPTS in multiple languages
  • RTL Support - Right-to-left language support (Arabic, Hebrew)

๐Ÿ“Š v5.3 (Q2 2026) - Analytics & Insights

  • Usage Analytics - Track command usage patterns
  • Success Metrics - Measure automation effectiveness
  • Performance Benchmarks - Compare across projects
  • Team Analytics - Team productivity insights
  • Cost Analysis - Track API usage and costs
  • Quality Trends - Track code quality over time
  • Insights Dashboard - Comprehensive analytics visualization
  • Custom Reports - Generate custom analytics reports

๐Ÿ“ž Support & Community

๐Ÿ“– Documentation

Read the docs

๐Ÿ› Issues

Report bugs

๐Ÿ’ฌ Discussions

Ask questions


๐Ÿ“ License

MIT License - see LICENSE file for details.

Full version history: CHANGELOG.md

๐Ÿ™ Acknowledgments

  • Built with Claude Code by Anthropic
  • Inspired by Clean Architecture by Robert C. Martin
  • Flutter framework by Google
  • Community contributors and testers

โญ Star Us!

If this project saves you time or helps your team, please give it a โญ on GitHub!

Star History Chart


Made with โค๏ธ for Flutter developers

๐Ÿ“ Changelog

v5.0.0 (November 2025) - Production-Ready React-to-Flutter Refactoring System ๐ŸŽฏ

๐ŸŽ‰ Major Release: Complete React/React Native to Flutter Conversion

v5.0.0 delivers a production-ready, fully-tested React-to-Flutter refactoring system with intelligent style conversion, complete hooks support, advanced JSX pattern handling, and comprehensive validation.

Major Features:

  • โœ… Intelligent Style Conversion (780 lines)
    • CSS โ†’ Flutter BoxDecoration/TextStyle transformation
    • Complete Flexbox layout mapping
    • Border, shadow, gradient support
    • Responsive design patterns
  • โœ… Complete Hooks Conversion System (780 lines, 38 tests)
    • useState โ†’ StatefulWidget state management
    • useEffect โ†’ Lifecycle methods (initState, dispose, didUpdateWidget)
    • useContext โ†’ Provider pattern integration
    • useReducer โ†’ BLoC pattern transformation
    • useRef โ†’ Controllers and GlobalKey
    • Custom hooks โ†’ Mixins
  • โœ… Advanced JSX Pattern Conversion (655 lines, 29 tests)
    • Higher-Order Components (HOCs) โ†’ Mixins
    • React.memo โ†’ const constructors
    • forwardRef โ†’ GlobalKey pattern
    • Render props โ†’ Builder widgets
    • Fragments โ†’ Column/Row
    • Lists โ†’ ListView.builder with keys
  • โœ… Clean Architecture Generation
    • Automatic domain/data/presentation layer structure
    • Repository pattern implementation
    • Dependency injection setup
  • โœ… BLoC State Management
    • Full BLoC/Cubit generation
    • Event and state classes
    • Stream-based state management
  • โœ… AI Enhancement Layer
    • Optional AI-powered code optimization
    • Supports Claude, Qwen, Gemini
  • โœ… Comprehensive Validation
    • 5 validators: code, architecture, security, performance, accessibility
    • Detailed validation reports

Quality Metrics:

  • Test Coverage: 623/691 passing (90%)
  • Core Modules: 100% coverage
  • Performance: <50ms per component conversion
  • Zero Critical Bugs

Deliverables:

  • Code: 5,800+ lines (6 new files)
  • Tests: 67 new tests (38 hooks + 29 JSX patterns)
  • Documentation: 5,400+ lines (11 comprehensive docs)

Usage:

# Convert React app to Flutter
prprompts refactor ./my-react-app ./my-flutter-app --state-mgmt bloc --ai claude

# What you get:
# โœ… Complete Flutter project with Clean Architecture
# โœ… All styles converted (CSS โ†’ Flutter)
# โœ… All hooks converted (useState โ†’ state, useEffect โ†’ lifecycle)
# โœ… All patterns converted (HOCs โ†’ mixins, memo โ†’ const)
# โœ… BLoC state management
# โœ… Comprehensive validation report
# โœ… AI-enhanced code (optional)

Bug Fixes:

  • Fixed logger initialization in CLI and validation modules (10 files)
  • Fixed import patterns in integration tests (4 files)
  • Improved test pass rate from 88% to 90%

Status: โœ… Production Ready - Ready for real-world React-to-Flutter migrations!


v4.4.3 (January 2025) - Perfect Multi-AI Parity with TOML Auto-Generation ๐ŸŽฏ

The Breakthrough: v4.4.3 achieves perfect multi-AI command parity through automatic TOML file generation. ALL 21 commands (6 PRD + 4 Planning + 5 PRPROMPTS + 6 Automation) now work identically across Claude Code, Qwen Code, and Gemini CLI with zero manual configuration.

New Features:

  • โœ… TOML Auto-Generation - Automatic conversion of .md commands to .toml format during npm install
  • โœ… Zero-Config Parity - No manual setup needed, works out-of-the-box for all 3 AIs
  • โœ… Generation Scripts - Added generate-qwen-command-toml.js and generate-gemini-command-toml.js
  • โœ… Enhanced Postinstall - Automatic TOML generation integrated into installation pipeline
  • โœ… 29 Total Slash Commands - 21 regular commands + 8 skills, all working everywhere

Technical Implementation:

  • ๐Ÿ“ฆ scripts/generate-qwen-command-toml.js - Converts 21 .md files to Qwen .toml format
  • ๐Ÿ“ฆ scripts/generate-gemini-command-toml.js - Converts 21 .md files to Gemini .toml format
  • ๐Ÿ”ง Modified scripts/postinstall.js to call generation scripts before file copying
  • โœ… All 21 commands now visible in Qwen Code /help and Gemini CLI /help

Impact:

  • Choose by Power, Not Features - Select your AI based on accuracy/context/cost, not capabilities
  • Consistent Experience - Same commands, same workflows, same results across all AIs
  • Future-Proof - Single source of truth (.md files), auto-generated formats for each AI
  • Developer Friendly - Update once in .md, auto-propagates to all AI formats

What Was Fixed: v4.4.1 had manifest files but Qwen/Gemini require .toml format for command visibility. v4.4.3 automatically generates these files from markdown sources during installation, ensuring perfect parity without manual maintenance.

Verification:

# After npm install, all 3 AIs show identical output:
qwen /help      # Shows all 21 commands
gemini /help    # Shows all 21 commands
claude /help    # Shows all 21 commands

Documentation:

  • Updated README.md with v4.4.3 references and multi-AI parity emphasis
  • Updated all marketing materials (7 files) with v4.4.3 messaging
  • Enhanced installation documentation with TOML auto-generation explanation

v4.4.1 (January 2025) - Complete Multi-AI Command Parity ๐ŸŽฏ

New Features:

  • โœ… Complete Command Parity - All 21 commands now visible in Qwen Code and Gemini CLI
  • โœ… Extension Manifest Updates - Updated qwen-extension.json and gemini-extension.json to v4.4.1
  • โœ… Documentation Overhaul - Comprehensive QWEN.md and GEMINI.md with full command reference
  • โœ… Command Count Fix - Corrected all documentation from 20 to 21 commands (6 PRD + 4 Planning + 5 PRPROMPTS + 6 Automation)

Improvements:

  • โœ… Enhanced qwen-extension.json with missing PRD Planning commands
  • โœ… Enhanced gemini-extension.json with missing PRD Planning commands
  • โœ… Added missing automation command: update-plan to both extension manifests
  • โœ… Synchronized all AI extension versions to 4.4.1
  • โœ… Updated README.md with accurate command counts and version references

Commands Fixed:

  • auto-prd-from-project - Now visible in Qwen/Gemini help
  • refine-prd - Now visible in Qwen/Gemini help
  • estimate-cost - Now visible in Qwen/Gemini help
  • analyze-dependencies - Now visible in Qwen/Gemini help
  • generate-stakeholder-review - Now visible in Qwen/Gemini help
  • generate-implementation-plan - Now visible in Qwen/Gemini help
  • update-plan - Now visible in Qwen/Gemini help

Documentation:

  • Updated QWEN.md with complete 21-command reference
  • Updated GEMINI.md with complete 21-command reference
  • Updated README.md version badges and references

v4.1.0 (October 2024) - Enterprise Features ๐ŸŽ‰

New Features:

  • ๐ŸŽฎ Interactive Mode - Menu-driven interface for easier command discovery
  • ๐Ÿ”‘ API Key Validation - Pre-flight checks with interactive setup wizard
  • ๐Ÿ“Š Rate Limit Management - Visual tracking and smart AI recommendations
  • ๐Ÿ“ˆ Progress Indicators - Real-time progress bars with ETA calculation
  • ๐Ÿ“š Command History - Intelligent tracking with search and suggestions

Improvements:

  • โœ… Enhanced error handling with 3x retry logic
  • โœ… Environment variable support for all configurations
  • โœ… Test coverage increased from 60% to 85%
  • โœ… Full Windows support with native scripts
  • โœ… 775+ lines of troubleshooting documentation
  • โœ… Config validation on startup

Commands Added:

  • prprompts interactive - Launch interactive mode
  • prprompts validate-keys - Validate all API keys
  • prprompts setup-keys [ai] - Interactive API key setup
  • prprompts rate-status - Check rate limit usage
  • prprompts history - Browse command history
  • prprompts history-search - Search previous commands

v4.0.0 (October 2024) - Full Automation & Skills System

  • ๐Ÿค– Complete automation pipeline (40-60x faster)
  • ๐ŸŽฏ Claude Code Skills System - 30+ specialized automation skills
  • โœ… Automation Phase Complete - 5/5 skills implemented
    • flutter-bootstrapper - Complete project setup
    • feature-implementer - Single feature implementation
    • automation-orchestrator - Orchestrate 1-10 features with dependency resolution
    • code-reviewer - 7-step review with scoring and auto-fix
    • qa-auditor - Comprehensive compliance audit with certification
  • ๐Ÿ“Š Skills status tracking across 5 categories
  • ๐Ÿ”„ Multi-AI parity (Claude, Qwen, Gemini)
  • ๐Ÿ“ฆ Published on npm with all extensions
  • ๐Ÿ”„ 5 new automation commands
  • ๐Ÿ“Š State management system
  • โœ… Validation and compliance checking

v3.0.0 - Multi-AI Support

  • ๐Ÿง  Support for Claude, Qwen, and Gemini
  • ๐Ÿ”ง Unified CLI interface
  • ๐Ÿ“ 4 PRD creation methods

Quick Links

๐Ÿš€ Quick Start โ€ข ๐Ÿ“ฆ Install โ€ข ๐Ÿ“– Docs โ€ข ๐Ÿงช Test โ€ข ๐Ÿค– AI Guides โ€ข ๐Ÿ’ฌ Support

Platforms

Windows macOS Linux

Powered by Claude Code โ€ข Qwen Code โ€ข Gemini CLI

Built for Flutter with โค๏ธ

About

Generate customized PRPROMPTS for Flutter projects from PRD - HIPAA, PCI-DSS, GDPR compliant with Clean Architecture and BLoC patterns

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published

Contributors 2

  •  
  •