Usage: `/prp-poc-create-parallel [number_of_demos] "[problem_statement]"`
Generates multiple React POCs simultaneously to validate concepts through diverse UI/UX and user journey approaches. Use when you need parallel implementations exploring different design patterns, user personas, and technical strategies for the same problem.
/plugin marketplace add rpiplewar/shipfaster/plugin install prp@rapid-shippingUsage: /prp-poc-create-parallel [number_of_demos] "[problem_statement]"
Example: /prp-poc-create-parallel 5 "create a dashboard for tracking team productivity with real-time metrics"
Create multiple React POC variations simultaneously to maximize concept validation through diverse implementation approaches. This command generates PRPs for parallel execution using specialized UI/UX and User Journey agents.
Critical Understanding: Each POC targets different aspects of the same problem:
For N demos requested, create N pairs of specialized agents:
Agent Assignment Matrix:
Demo 1: @ui-ux-agent (Minimal/Clean) + @user-journey-agent (Power User)
Demo 2: @ui-ux-agent (Polished/Professional) + @user-journey-agent (Casual User)
Demo 3: @ui-ux-agent (Experimental/Modern) + @user-journey-agent (Admin User)
Demo 4: @ui-ux-agent (Dashboard-Heavy) + @user-journey-agent (Mobile-First)
Demo 5: @ui-ux-agent (Component-Library) + @user-journey-agent (Accessibility-First)
Each POC should explore different aspects:
Design Variations:
User Journey Variations:
Analyze the problem statement and create a parallel execution plan:
Parse Request Arguments
Design POC Matrix
poc-{problem-slug}-{variant-number}Execute all research agents in PARALLEL using Task tool:
# Spawn N pairs of agents simultaneously
Task 1 - @ui-ux-agent for Demo 1:
"Analyze the problem: '{problem_statement}' and design a MINIMAL/CLEAN UI approach.
Focus on: Clean typography, generous whitespace, content-first design.
Research component patterns and create UI specifications for a React POC.
Target: Stakeholder presentations requiring clear concept demonstration.
Return: UI component architecture, styling approach, and design specifications."
Task 2 - @user-journey-agent for Demo 1:
"Analyze the problem: '{problem_statement}' and design a POWER USER journey.
Focus on: Advanced features, keyboard shortcuts, efficient workflows.
Research user patterns and create journey specifications for React POC.
Target: Users who need maximum functionality and control.
Return: User flow architecture, interaction patterns, and journey specifications."
Task 3 - @ui-ux-agent for Demo 2:
"Analyze the problem: '{problem_statement}' and design a POLISHED/PROFESSIONAL UI approach.
Focus on: Brand alignment, professional aesthetics, stakeholder-ready presentation.
Research premium component patterns and create UI specifications for React POC.
Target: Executive demos and client presentations.
Return: UI component architecture, styling approach, and design specifications."
Task 4 - @user-journey-agent for Demo 2:
"Analyze the problem: '{problem_statement}' and design a CASUAL USER journey.
Focus on: Simplified navigation, guided experiences, progressive disclosure.
Research beginner-friendly patterns and create journey specifications for React POC.
Target: Users new to the system who need guidance and simplicity.
Return: User flow architecture, interaction patterns, and journey specifications."
# Continue pattern for remaining demos...
After all research agents complete, synthesize results into POC PRPs:
Generate N PRPs with these variations:
POC 1: Minimal Power User
poc_name: "poc-{problem-slug}-minimal-power"
ui_approach: "Clean, typography-focused, content-first design"
user_journey: "Advanced features, keyboard shortcuts, efficient workflows"
fidelity: "Demo"
unique_aspects: "Focuses on functionality over aesthetics, rapid interaction patterns"
POC 2: Polished Casual User
poc_name: "poc-{problem-slug}-polished-casual"
ui_approach: "Professional aesthetics, brand-aligned, premium components"
user_journey: "Guided experience, progressive disclosure, help tooltips"
fidelity: "MVP"
unique_aspects: "Executive-ready presentation with beginner-friendly flows"
POC 3: Experimental Admin
poc_name: "poc-{problem-slug}-experimental-admin"
ui_approach: "Modern patterns, micro-interactions, innovative UI elements"
user_journey: "Management interfaces, bulk actions, system administration"
fidelity: "Demo"
unique_aspects: "Cutting-edge design patterns with administrative power features"
POC 4: Dashboard Mobile-First
poc_name: "poc-{problem-slug}-dashboard-mobile"
ui_approach: "Data visualization heavy, charts and metrics focused"
user_journey: "Touch-optimized interactions, responsive design, gesture-based"
fidelity: "Demo"
unique_aspects: "Analytics dashboard optimized for mobile devices"
POC 5: Component-Library Accessible
poc_name: "poc-{problem-slug}-components-a11y"
ui_approach: "Design system showcase, reusable component patterns"
user_journey: "Screen reader optimized, keyboard navigation, inclusive design"
fidelity: "MVP"
unique_aspects: "Accessibility-first design with component library demonstration"
For each POC, generate a complete PRP file:
File: PRPs/working-memory/{feature-name}/poc-{problem-slug}-{variant}.md
Content Structure:
react-poc-project/
├── public/
├── src/
│ ├── poc-{problem-slug}-minimal-power/
│ ├── poc-{problem-slug}-polished-casual/
│ ├── poc-{problem-slug}-experimental-admin/
│ ├── poc-{problem-slug}-dashboard-mobile/
│ ├── poc-{problem-slug}-components-a11y/
│ └── App.tsx # Main navigation between POCs
├── package.json
└── README.md
Each POC should be accessible from a main navigation page:
// App.tsx structure
function App() {
return (
<Router>
<Routes>
<Route path="/" element={<POCNavigationHub />} />
<Route path="/minimal-power" element={<POCMinimalPower />} />
<Route path="/polished-casual" element={<POCPolishedCasual />} />
<Route path="/experimental-admin" element={<POCExperimentalAdmin />} />
<Route path="/dashboard-mobile" element={<POCDashboardMobile />} />
<Route path="/components-a11y" element={<POCComponentsA11y />} />
</Routes>
</Router>
)
}
Remember: The goal is comprehensive concept validation through diverse parallel approaches. Each POC should explore the problem from a different angle, maximizing the insights available to stakeholders for informed decision-making.