Use Cases
Goal: Quickly find the best solutions based on actual work scenarios
Target Audience: Users with specific task requirements who want to get started quickly
Usage: Select corresponding sections based on work scenarios
How to Use This Document
Quick Start (5 minutes)
If you are a new user or need to get started quickly, recommended reading order:
- Identify your role → Check Classification by Work Role
- Learn basic operations → Read the "Quick Start Process" for your role
- Configure necessary tools → Refer to the "Recommended Configuration" section
- Start practicing → Follow the "Learning Path" to gradually deepen your knowledge
Choose Reading Path Based on Your Needs
Your Situation | Recommended Reading Path | Estimated Time |
---|---|---|
New user, want to get started quickly | Role Classification → Learning Path | 15 minutes |
Have specific tasks to complete | Task Type Classification → Solutions | 10 minutes |
Different project stage requirements | Project Stage Classification → Recommended Configuration | 8 minutes |
Encountered problems and need help | Quick Problem Resolution | 5 minutes |
Looking for best practice examples | Success Stories | 10 minutes |
Document Index
Classification by Work Role
- Frontend Developer - Component development, UI debugging, responsive design
- Backend Developer - API design, database operations, system integration
- Data Analyst - Data cleaning, statistical analysis, visualization
- DevOps Engineer - Automated deployment, monitoring and alerting
Classification by Task Type
- Code Analysis and Refactoring - Understanding code structure, finding issues
- Feature Development - From requirements to complete feature implementation
- Problem Debugging - Quickly locate and fix bugs
- Learning New Technologies - Learning programming languages, frameworks, or tools
Classification by Project Stage
- Project Initiation Stage - Technology selection, architecture design
- Development Stage - Feature implementation, code review
- Testing Stage - Functional testing, performance testing
- Deployment Stage - Environment configuration, deployment automation
Quick Problem Resolution
- Don't know where to start
- Features are insufficient, need more tools
- Low efficiency, want better workflow
Success Stories
- Web Development Team Efficiency Improvement
- Data Analysis Workflow Optimization
- DevOps Automation Upgrade
Classification by Work Role
Frontend Developer
Applicable Scenarios: Component development, UI debugging, responsive design, performance optimization
Tech Stack: React, Vue, Angular, CSS, HTML, JavaScript/TypeScript
Estimated Learning Time: 75 minutes
Quick Start Process
# 1. Project initialization
cd my-react-project
iflow
> /init
# 2. Install frontend-related MCP tools
!iflow mcp add-json 'playwright' '{"command":"npx","args":["-y","@iflow-mcp/playwright-mcp"]}'
# 3. Common task examples
> Create a responsive user card component with dark mode support
> Help me optimize the rendering performance of this React component
> Analyze accessibility issues on the current page
Recommended Configuration
- Core Features: Interactive Mode Image Processing
- Essential Tools: Playwright MCP (UI testing), Image Tools MCP (image processing)
- Workflow: Screenshot analysis → Code generation → Automated testing