react-implementer-prompt

Dispatch React frontend subagents with TDD and Tailwind v4 workflows.

Updated Jan 15, 2026
One-click install
npx skills add https://github.com/fiatkongen/saurun-marketplace --skill react-implementer-prompt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-implementer-prompt
Source: https://github.com/fiatkongen/saurun-marketplace/tree/main/plugins/saurun/skills/react-implementer-prompt
Command: npx skills add https://github.com/fiatkongen/saurun-marketplace --skill react-implementer-prompt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured prompt template to dispatch a React frontend subagent from an implementation plan, ensuring the subagent has complete context, follows a strict test-driven development flow, self-reviews, and consistent reporting.

Core Features & Use Cases

  • Structured Task Payloads: Generates a complete Task tool payload with full task text, context, dependencies, and acceptance criteria.
  • Enforced Workflows: Integrates mandatory sub-skills like saurun:react-tdd and saurun:react-tailwind-v4-components to ensure quality.
  • Use Case: When breaking down a React frontend plan into parallel tasks, this skill standardizes how subagents are dispatched and tracked.

Quick Start

Use the react-implementer-prompt to generate a Task tool payload for a React frontend task, including full task text, context, and required sub-skills.

Frequently Asked Questions about react-implementer-prompt

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

FAQPage Schema
How do I dispatch React subagents with full context from an implementation plan?

To dispatch React subagents with full context, you generate a structured Task tool payload containing complete task text, dependencies, and acceptance criteria. This ensures the subagent receives full context and follows a strict test-driven development workflow.

What is the best way to parallelize React frontend tasks using subagents?

Parallelizing React frontend tasks is achieved by breaking down an implementation plan into isolated tasks and generating standardized Task payloads. This standardizes how subagents are dispatched, tracked, and verified through consistent reporting.

Can I enforce a strict TDD workflow when dispatching React subagents?

You can enforce a strict TDD workflow by integrating mandatory sub-skills like saurun:react-tdd within the dispatched Task payload. This ensures the React subagent strictly follows test-driven development flows and self-reviews results.

Does this subagent dispatch template work with React 19 and Tailwind v4?

The subagent dispatch template works with React 19 and Tailwind v4 by enforcing mandatory sub-skills like saurun:react-tailwind-v4-components. It also supports Vitest, RTL, MSW, and Zustand for comprehensive frontend testing and state management.

How do I ensure dispatched React subagents self-review and report consistently?

Ensuring React subagents self-review and report consistently requires a structured prompt template that defines acceptance criteria and enforces a standard test workflow. This verifies results and maintains reporting quality across parallelized tasks.