UNPKG

prprompts-flutter-generator

Version:

AI-powered Flutter development with full automation + official extension support - Generate 32 security-audited guides & auto-implement in 2-3 hours. NEW v5.1: Official Claude Code plugin with hooks, Gemini TOML commands, Qwen MCP settings. Features: Comp

755 lines (546 loc) • 21.1 kB
# Qwen Code Extension for PRPROMPTS v4.0 Complete guide for using PRPROMPTS Generator with Qwen3-Coder - now with full automation! --- ## šŸ†• v4.0: Full Automation **Go from PRD to production Flutter app in 2-3 hours (40-60x faster!)** with 6 automation commands: - šŸš€ `/bootstrap-from-prprompts` - Complete project setup with intelligent planning (2 min) - ✨ `/implement-next` - Auto-implement features with state tracking (10 min each) - šŸ¤– `/full-cycle` - Implement 1-10 features automatically (1-2 hours) - āœ… `/review-and-commit` - Validate & commit - šŸ” `/qa-check` - Comprehensive compliance audit - šŸ“Š `/update-plan` - Adaptive re-planning with velocity tracking (30 sec) **NEW v4.1 Phase 3** **Result:** Production-ready app with 85%+ test coverage, HIPAA/PCI-DSS compliant, zero security vulnerabilities. **Qwen Advantage:** Extended 256K-1M token context allows analyzing entire monorepos at once during automation! --- ## What is Qwen Code? **Qwen Code** is Alibaba's command-line AI workflow tool, optimized for **Qwen3-Coder** models. It provides: - āœ… **Extended Context**: 256K-1M tokens (4x-16x longer than Claude) - āœ… **Agentic Coding**: Automated workflows for complex coding tasks - āœ… **Code Understanding**: Deep codebase analysis and editing - āœ… **Open Source**: Community-driven, highly extensible - āœ… **Cost-Effective**: Free tier available, lower costs than proprietary models **Performance**: Qwen3-Coder-480B-A35B-Instruct achieves state-of-the-art results on Agentic Coding benchmarks, comparable to Claude Sonnet 4. --- ## Prerequisites ### 1. Install Node.js Qwen Code requires Node.js 20 or higher: **Windows**: ```cmd winget install OpenJS.NodeJS ``` **macOS**: ```bash brew install node@20 ``` **Linux**: ```bash curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash - sudo apt-get install -y nodejs ``` ### 2. Install Qwen Code CLI ```bash npm install -g @qwenlm/qwen-code ``` **Verify installation**: ```bash qwen --version ``` --- ## Installation Methods Choose your preferred method: | Method | Time | Best For | |--------|------|----------| | **npm Install** | 30 sec | Easiest! Works everywhere | | **Extension Script** | 30 sec | Qwen-specific setup | | **One-line** | 30 sec | Quick setup | | **Standard (Clone repo)** | 2 min | Development, customization | | **Manual** | 5 min | Full control | --- ### ⚔ Method 1: npm Install (Easiest!) šŸ†• **Install from npm registry (recommended):** ```bash # Install Qwen Code if not already installed npm install -g @qwenlm/qwen-code # Install PRPROMPTS npm install -g prprompts-flutter-generator # Verify installation prprompts doctor ``` The postinstall script automatically: - āœ… Detects Qwen Code - āœ… Configures all commands including v4.0 automation - āœ… Sets up prompts and templates - āœ… Creates unified configuration **Then use:** ```bash qwen create-prd qwen gen-prprompts qwen bootstrap-from-prprompts # v4.0 automation! qwen full-cycle # Auto-implement features! ``` --- ### ⚔ Method 2: Qwen Extension Script **Install PRPROMPTS as a Qwen extension:** ```bash # Clone repository git clone https://github.com/Kandil7/prprompts-flutter-generator.git cd prprompts-flutter-generator # Run Qwen extension installer bash install-qwen-extension.sh ``` This installs PRPROMPTS as a proper Qwen Code extension with: - Extension manifest (`extension.json`) - All commands registered in Qwen config - v4.0 automation commands included - Optimized for Qwen's 256K-1M token context --- ### ⚔ Method 3: One-Line Install **Copy and paste one command:** #### Linux / macOS / Git Bash ```bash curl -sSL https://raw.githubusercontent.com/Kandil7/prprompts-flutter-generator/master/scripts/setup-qwen-gist.sh | bash ``` #### Windows PowerShell ```powershell # Note: Replace URL with Qwen-specific installer when ready irm https://raw.githubusercontent.com/Kandil7/prprompts-flutter-generator/master/scripts/setup-qwen-gist.ps1 | iex ``` **That's it!** Now run `qwen create-prd` from any directory. --- ### šŸ“¦ Method 2: Standard Install (Clone Repo) ```bash # Clone repository git clone https://github.com/Kandil7/prprompts-flutter-generator.git cd prprompts-flutter-generator # Run Qwen-specific installer # Linux/macOS: ./scripts/install-qwen-commands.sh --global # Windows (Batch): scripts\install-qwen-commands.bat --global # Windows (PowerShell): powershell -ExecutionPolicy Bypass -File scripts\install-qwen-commands.ps1 --global ``` --- ### šŸ› ļø Method 3: Manual Install ```bash # 1. Install Qwen Code (if not already) npm install -g @qwenlm/qwen-code # 2. Clone repository git clone https://github.com/Kandil7/prprompts-flutter-generator.git cd prprompts-flutter-generator # 3. Copy configuration files mkdir -p ~/.config/qwen/prompts cp .qwen/prompts/*.md ~/.config/qwen/prompts/ cp .qwen/config.yml ~/.config/qwen/ ``` --- ## Dual Installation (Claude + Qwen) Want to use **both** Claude Code and Qwen Code? ```bash # Linux/macOS: ./scripts/install-both.sh --global # Windows (Batch): scripts\install-both.bat --global ``` This installs commands for both AIs side-by-side: - `claude create-prd` - Uses Claude Code - `qwen create-prd` - Uses Qwen Code --- ## Slash Commands (NEW in v4.1) **All 20 PRPROMPTS commands are now available as slash commands within Qwen Code chat sessions!** ### What Are Slash Commands? Slash commands let you run PRPROMPTS workflows directly in Qwen Code without leaving your chat session: - **From terminal**: `qwen create-prd` (traditional) - **In chat**: `/prd/create` (new slash command) ### Organized Command Structure Commands are organized into 4 categories: **PRD Commands (`/prd/...`)** ``` /prd/create # Interactive PRD wizard with templates /prd/auto-generate # Auto from description file /prd/from-files # From existing markdown docs /prd/auto-from-project # Auto-discover all project .md files /prd/analyze # Validate PRD with quality scoring /prd/refine # Interactive quality improvement loop ``` **Planning Commands (`/planning/...`)** ``` /planning/estimate-cost # Cost breakdown (labor, infrastructure, compliance) /planning/analyze-dependencies # Feature dependencies and critical path /planning/stakeholder-review # Generate review checklists /planning/implementation-plan # Sprint-based implementation planning ``` **PRPROMPTS Generation (`/prprompts/...`)** ``` /prprompts/generate-all # All 32 PRPROMPTS files /prprompts/phase-1 # Phase 1: Core Architecture (10 files) /prprompts/phase-2 # Phase 2: Quality & Security (12 files) /prprompts/phase-3 # Phase 3: Demo & Learning (10 files) /prprompts/single-file # Generate single file by name ``` **Automation Commands (`/automation/...`)** ``` /automation/bootstrap # Complete project setup (2 min) /automation/implement-next # Auto-implement next feature (10 min) /automation/update-plan # Re-plan based on actual velocity (30 sec) /automation/full-cycle # Auto-implement 1-10 features (1-2 hours) /automation/review-commit # Validate and commit changes /automation/qa-check # Comprehensive compliance audit ``` ### Benefits of Slash Commands āœ… **Organized** - Logical grouping by category āœ… **Discoverable** - Explore commands in chat āœ… **Shorter names** - `/prd/create` vs `qwen create-prd` āœ… **In-session** - Run workflows without switching to terminal āœ… **Qwen advantage** - 256K-1M context analyzes entire monorepo during slash command execution --- ## Available Commands **All 20 PRPROMPTS commands work identically to Claude/Gemini versions:** ### PRD Commands (6 commands) ```bash qwen create-prd # Interactive PRD wizard (10 questions) qwen auto-gen-prd # Auto-generate PRD from description file qwen prd-from-files # Generate PRD from existing markdown qwen auto-prd-from-project # Auto-discover all .md files in project qwen analyze-prd # Validate PRD with AI confidence scoring qwen refine-prd # Interactive PRD quality improvement loop ``` ### Planning Commands (4 commands) šŸ†• v4.1 ```bash qwen estimate-cost # šŸ’° Cost breakdown - labor, infrastructure, compliance qwen analyze-dependencies # šŸ”— Feature dependencies and critical path qwen generate-stakeholder-review # šŸ“‹ Role-specific review checklists qwen generate-implementation-plan # šŸ“… Sprint-based implementation planning ``` ### PRPROMPTS Generation (5 commands) ```bash qwen gen-prprompts # Generate all 32 PRPROMPTS files qwen gen-phase-1 # Generate Phase 1: Core Architecture (10 files) qwen gen-phase-2 # Generate Phase 2: Quality & Security (12 files) qwen gen-phase-3 # Generate Phase 3: Demo & Learning (10 files) qwen gen-file # Generate single file by name or number ``` ### Automation Commands (6 commands) šŸ†• v4.0 ```bash qwen bootstrap-from-prprompts # šŸš€ Complete project setup (2 min) qwen implement-next # ✨ Auto-implement next feature (10 min) qwen update-plan # šŸ“Š Re-plan based on actual progress (30 sec) qwen full-cycle # šŸ¤– Auto-implement 1-10 features (1-2 hours) qwen review-and-commit # āœ… Validate and commit changes qwen qa-check # šŸ” Comprehensive compliance audit ``` **Total: 21 commands across 4 categories (PRD, Planning, PRPROMPTS, Automation)** --- ### šŸ†• v4.1 Phase 3: Implementation Planning Commands **NEW intelligent project management commands:** ```bash qwen generate-implementation-plan # Create sprint-based plan (90 sec) qwen update-plan # Re-plan based on progress (30 sec) ``` **`generate-implementation-plan`** - Intelligent implementation planning with: - šŸ“… 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) **`update-plan`** - Adaptive re-planning with: - šŸ“ˆ 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) **Enhanced automation commands:** - `bootstrap-from-prprompts` now uses `generate-implementation-plan` for intelligent setup - `implement-next` now supports state tracking (TODO/IN_PROGRESS/BLOCKED/DONE) and velocity monitoring **Typical workflow with planning:** ```bash # 1. Create PRD qwen create-prd # 2. Strategic planning (optional but recommended) qwen estimate-cost qwen analyze-dependencies # 3. Generate implementation plan (NEW) qwen generate-implementation-plan # 4. Start development (uses plan) qwen bootstrap-from-prprompts qwen implement-next # 5. After each sprint (NEW) qwen update-plan ``` **Learn more:** See `docs/IMPLEMENTATION-PLANNING-GUIDE.md` for comprehensive guide. --- ## šŸŽÆ Qwen Code Skills (NEW!) **PRPROMPTS now includes 8 specialized skills available as global TOML slash commands!** ### What Are Qwen Skills? Skills are pre-built automation workflows available as slash commands in Qwen Code. They provide: - šŸŒ **Global availability** - Works in every Flutter project - šŸŽÆ **Smart defaults** - Minimal user input required (80% reduction) - ⚔ **Extended context** - Qwen's 256K-1M tokens analyze entire codebases - šŸš€ **Nested structure** - Organized: `/skills/category/name` ### Available Skills (8) **Automation Skills (5):** - `/skills/automation/flutter-bootstrapper` - Complete project setup (2 min) - `/skills/automation/feature-implementer` - Single feature implementation (10-15 min) - `/skills/automation/automation-orchestrator` - Orchestrate 1-10 features (1-2 hours) - `/skills/automation/code-reviewer` - 7-step review with scoring (3-10 min) - `/skills/automation/qa-auditor` - Comprehensive compliance audit (10-20 min) **PRPROMPTS Core Skills (2):** - `/skills/prprompts-core/phase-generator` - Generate specific phase (30-60 sec) - `/skills/prprompts-core/single-file-generator` - Single file generation (10-20 sec) **Workflow Skills (1):** - `/skills/development-workflow/flutter-flavors` - Multi-environment setup (1-2 min) ### Installation **Automatic (Recommended):** ```bash npm install -g prprompts-flutter-generator # Automatically installs 8 Qwen skills if Qwen Code detected ``` **Manual:** ```bash bash scripts/install-qwen-skills.sh # Or Windows PowerShell: # powershell -ExecutionPolicy Bypass -File scripts/install-qwen-skills.ps1 ``` ### Usage Examples ```bash # Start Qwen Code in any Flutter project cd your-flutter-project qwen # Use skills via slash commands /skills/automation/flutter-bootstrapper # āœ… Using smart defaults # ā³ Bootstrapping project... # āœ… Complete! 47 files created /skills/automation/code-reviewer # > Review type? (press Enter for 'full'): [Enter] # > Target path? (press Enter for 'lib/'): [Enter] # āœ… Using defaults: review_type='full', target_path='lib/' # šŸ“Š Overall Score: 85/100 (B) /skills/automation/qa-auditor # > Audit type? (full): pre-production # > Compliance? HIPAA,PCI-DSS # > Generate certificate? y # āœ… Score: 92/100 - PASSED # āœ… Certificate: docs/HIPAA_CERTIFICATE_2025-10-25.pdf ``` ### Smart Defaults Skills use intelligent defaults to minimize user input: **Traditional Approach:** ``` Enter target path: lib/ Enter review type (full/architecture/security/testing/style): full Enter severity threshold (critical/high/medium/low/info): medium Enable auto-fix? (y/n): n Output format (markdown/json/html): markdown ``` **With Smart Defaults:** ``` Review type? (full): [Just press Enter] āœ… Using defaults: target_path='lib/', review_type='full', severity_threshold='medium', auto_fix=false, output_format='markdown' ``` **Result:** 80% reduction in required inputs! ### Complete Documentation šŸ“– **[Qwen Skills Complete Guide](docs/QWEN-SKILLS-GUIDE.md)** - Comprehensive usage guide with: - Detailed skill descriptions - Smart defaults deep dive - Complete workflow examples - Troubleshooting guide - Performance benchmarks --- ## Quick Start ### 1. Create Your PRD ```bash cd your-flutter-project qwen create-prd ``` Answer 10 simple questions to generate `docs/PRD.md`. ### 2. Generate PRPROMPTS ```bash qwen gen-prprompts ``` Generates 32 customized development guides in `PRPROMPTS/` folder. ### 3. Start Coding **Manual coding:** ```bash cat PRPROMPTS/01-feature_scaffold.md cat PRPROMPTS/16-security_and_compliance.md ``` **šŸ†• OR use v4.0 automation with skills (recommended!):** ```bash # Start Qwen Code qwen # Complete project setup (2 min) /skills/automation/flutter-bootstrapper # Auto-implement 10 features (1-2 hours) # Qwen's extended context analyzes entire codebase! /skills/automation/automation-orchestrator # > Feature count (1-10)? 10 # Code review /skills/automation/code-reviewer # QA audit with HIPAA compliance /skills/automation/qa-auditor # > Audit type? pre-production # > Compliance? HIPAA # > Generate cert? y # Result: Production-ready app with 85%+ tests + HIPAA certificate! ``` **Alternative: Use traditional commands:** ```bash qwen bootstrap-from-prprompts qwen full-cycle qwen qa-check ``` --- ## Verify Installation Test your setup with platform-specific commands: ### Check Commands Are Available ```bash # All platforms (bash, PowerShell, CMD) qwen --version qwen create-prd --help ``` ### Verify Config Files Exist **Windows CMD:** ```cmd dir %USERPROFILE%\.config\qwen\ dir %USERPROFILE%\.config\qwen\prompts\ ``` **Windows PowerShell:** ```powershell Get-ChildItem $env:USERPROFILE\.config\qwen\ Get-ChildItem $env:USERPROFILE\.config\qwen\prompts\ ``` **macOS/Linux (bash/zsh):** ```bash ls -la ~/.config/qwen/ ls -la ~/.config/qwen/prompts/ ``` **Expected output:** - `config.yml` file present - `prompts/` directory with 9 `.md` files - All files should be readable (check permissions) ### Verify Qwen Skills (TOML Slash Commands) **Windows CMD:** ```cmd dir %USERPROFILE%\.qwen\commands\skills\ ``` **Windows PowerShell:** ```powershell Get-ChildItem -Recurse $env:USERPROFILE\.qwen\commands\skills\ -Filter *.toml ``` **macOS/Linux (bash/zsh):** ```bash find ~/.qwen/commands/skills/ -name "*.toml" ``` **Expected:** 8 TOML files (5 automation + 2 core + 1 workflow) ### Test a Command ```bash # Try creating a test PRD (will open interactive wizard) qwen create-prd # Or test non-interactive command qwen --help # Test Qwen skills (slash commands) qwen # Then type: /help ``` **If commands not found:** - Check PATH configuration (see Troubleshooting section below) - Restart your terminal/shell - Run `prprompts doctor` for diagnostics --- ## Qwen-Specific Optimizations The PRPROMPTS generator leverages Qwen3-Coder's unique strengths: ### 1. Extended Context (256K-1M tokens) Qwen can process entire codebases at once: ```bash # Claude Code: Limited to ~200K tokens # Qwen Code: Supports up to 1M tokens qwen gen-prprompts # Analyzes full PRD + all dependencies ``` ### 2. Agentic Workflow Automation Qwen excels at multi-step coding tasks: ```bash # Auto-generate PRD + PRPROMPTS + initial scaffold qwen auto-gen-prd && qwen gen-prprompts ``` ### 3. Deep Codebase Understanding Qwen's parser is optimized for code analysis: ```bash qwen analyze-prd # Detects compliance issues, security patterns ``` --- ## Troubleshooting ### Command not found ```bash # Check if Qwen Code is installed qwen --version # Reinstall if needed npm install -g @qwenlm/qwen-code # Reinstall PRPROMPTS commands ./scripts/install-qwen-commands.sh --global ``` ### Config not found ```bash # Windows: dir %USERPROFILE%\.config\qwen\ # macOS/Linux: ls -la ~/.config/qwen/ # Reinstall if missing ./scripts/install-qwen-commands.sh --global ``` ### PRD generation fails ```bash # Ensure PRD template exists ls docs/PRD.md # Create PRD first qwen create-prd # Then generate PRPROMPTS qwen gen-prprompts ``` --- ## Comparison: Claude vs Qwen See detailed comparison: [docs/CLAUDE-VS-QWEN.md](docs/CLAUDE-VS-QWEN.md) **Quick summary**: | Feature | Claude Code | Qwen Code | |---------|-------------|-----------| | **Context Length** | 200K tokens | 256K-1M tokens | | **Cost** | $15-60/month | Free tier + lower costs | | **Speed** | Fast | Very fast | | **Accuracy** | Excellent | Excellent (comparable to Claude Sonnet 4) | | **Best For** | Production apps, high-stakes | Large codebases, cost-conscious | --- ## Documentation - **[Command Reference](docs/QWEN-COMMANDS.md)** - Full command list - **[Claude vs Qwen](docs/CLAUDE-VS-QWEN.md)** - Feature comparison - **[PRD Guide](docs/PRD-GUIDE.md)** - How to create PRDs - **[PRPROMPTS Spec](docs/PRPROMPTS-SPECIFICATION.md)** - v2.0 specification --- ## Support - šŸ› [Report Issue](https://github.com/Kandil7/prprompts-flutter-generator/issues) - šŸ’¬ [Discussions](https://github.com/Kandil7/prprompts-flutter-generator/discussions) - šŸ“– [Full README](README.md) - šŸ”§ [Qwen Code Docs](https://github.com/QwenLM/qwen-code) --- ## Why Use Qwen Code? āœ… **4x-16x Longer Context** - Analyze entire codebases at once āœ… **Cost-Effective** - Free tier + lower costs than proprietary models āœ… **Open Source** - Community-driven, extensible āœ… **State-of-the-Art** - Comparable to Claude Sonnet 4 on coding tasks āœ… **Same Workflow** - Drop-in replacement for Claude Code --- <div align="center"> **Made with ā¤ļø for Flutter developers** [šŸš€ Quick Start](#quick-start) • [šŸ“¦ Install](#installation-methods) • [šŸ“ Create PRD](#quick-start) • [šŸ”§ Commands](docs/QWEN-COMMANDS.md) • [šŸ’¬ Support](https://github.com/Kandil7/prprompts-flutter-generator/issues) **Powered by** [Qwen3-Coder](https://github.com/QwenLM/Qwen3-Coder) | **Built for** [Flutter](https://flutter.dev) </div>