skills.rest
woodrowpearson
woodrowpearsonCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-development

Coordinate frontend epic planning with UI analysis and human approval gates.

Updated Jul 14, 2025
Search Tags:#automation#workflow#planning#frontend#UI-analysis#visual-verification
One-click install
npx skills add https://github.com/woodrowpearson/mids-hero-web --skill frontend-development-woodrowpearson
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-development
Source: https://github.com/woodrowpearson/mids-hero-web/tree/main/.claude/skills/frontend-development
Command: npx skills add https://github.com/woodrowpearson/mids-hero-web --skill frontend-development-woodrowpearson

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill coordinates complex frontend epic workstreams by orchestrating UI analysis, planning, and gating to ensure quality and alignment across teams.

Core Features & Use Cases

  • Epic orchestration: coordinates MidsReborn UI analysis, plan generation, human approvals, and execution to deliver frontend features on schedule.
  • Two-gate quality gates: ensures peer review and visual verification before implementation.
  • AI-assisted planning: leverages the superpowers plugin to craft implementation plans with component, state, and API details.

Quick Start

Use the frontend-development skill to initiate epic orchestration, for example: /frontend-development epic-1.1

Frequently Asked Questions about frontend-development

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

FAQPage Schema
How do I coordinate complex frontend epic workstreams with UI analysis and automated execution?▼

Frontend epic coordination is achieved by orchestrating UI analysis, AI-assisted plan generation, human approval gates, and automated execution to deliver complex UI features on schedule.

What is the best way to plan frontend components, state management, and API integration?▼

The best way to plan frontend components, state, and APIs is using AI-assisted planning to generate implementation plans that detail component architecture, state management integration, and API workflows.

How do visual verification and human gates work in frontend feature delivery?▼

Visual verification and human gates work by enforcing two-gate quality checks, requiring peer review and visual verification approvals before implementation proceeds.

Can I use this AI-guided planning workflow for teams delivering complex UI features?▼

Yes, this AI-guided planning workflow is designed for teams delivering complex UI features where component-based planning, state management, API planning, and visual verification are required.

How do I start orchestrating a frontend development epic?▼

You start orchestrating a frontend development epic by invoking the skill with your epic identifier, which initiates the UI analysis, plan generation, and gating workflow.

What are the limitations of using automated execution for frontend UI analysis?▼

Automated execution for frontend UI analysis is gated by mandatory human approvals and visual verification, meaning it cannot bypass peer review or proceed without explicit quality gate clearance.

Related Skills

Explore More Software Engineering Skills→
fcastrillofcastrillo

rai-epic-start

Create an epic branch from development and record an initial scope commit.

Community
Advanced
athan-dialathan-dial

verify

Run acceptance checks on deployment plans and update task statuses.

Community
Intermediate
codewithpassioncodewithpassion

cwp:system-architect

Transform product requirements into architecture blueprints with API contracts and data models.

Community
Advanced
IndustrialIndustrial

code-reviewer

Analyze code for security vulnerabilities and performance issues.

Community
Advanced