mcp-workflow

Automate an MCP-based RMV frontend workflow from planning to VPS deployment.

2|Updated Feb 16, 2026
One-click install
npx skills add https://github.com/potatsukki/rmv-web --skill mcp-workflow-potatsukki
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mcp-workflow
Source: https://github.com/potatsukki/rmv-web/tree/main/.agents/skills/mcp-workflow
Command: npx skills add https://github.com/potatsukki/rmv-web --skill mcp-workflow-potatsukki

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill codifies a repeatable AI development workflow for RMV frontend tasks, ensuring every code change is planned, implemented, tested visually with Playwright MCP, and deployed securely on a VPS (not Vercel).

Core Features & Use Cases

  • Step 1: Understand & Plan
  • Step 2: Implement
  • Step 3: Verify with Playwright MCP
  • Step 4: Fix Issues
  • Step 5: Deployment
  • Playwright Usage Patterns
  • MCP GitHub Usage
  • When NOT to Touch Backend
  • Error Handling Workflow

Quick Start

Follow the MCP workflow for every task to plan, implement, validate with Playwright MCP, and deploy to the VPS.

Frequently Asked Questions about mcp-workflow

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate an end-to-end AI development workflow for frontend tasks?

Automating an end-to-end AI development workflow involves structuring the process into planning, coding, visual testing, and deployment phases. This skill codifies that repeatable workflow, enforcing consistent releases through defined tooling and guardrails.

How do I use Playwright MCP to visually test frontend changes?

Playwright MCP verifies frontend changes by automating visual testing during the validation step. You implement code, run Playwright MCP to check for visual issues, and follow the error handling workflow to fix any identified defects before deployment.

Can I deploy my frontend application to a VPS using Docker and Nginx instead of Vercel?

Yes, you can deploy frontend applications to a VPS using Docker and Nginx instead of Vercel. The deployment step in this workflow explicitly provisions containers and configures Nginx on a VPS to ensure secure and consistent releases.

What is the best way to structure an AI coding workflow from planning to deployment?

The best way to structure an AI coding workflow is to enforce a step-by-step sequence: understand and plan, implement, verify visually, fix issues, and deploy. This structured process ensures every code change is validated and deployed consistently.

When should I avoid modifying the backend during frontend development tasks?

You should avoid modifying the backend during frontend development tasks when the scope is strictly limited to RMV frontend changes. The workflow includes explicit guardrails defining when not to touch the backend, ensuring the AI focuses only on frontend implementation.