skills.rest
redpanda-data
redpanda-dataOFFICIAL
Explore all skills by this author →
Website𝕏@redpandadataGitHub

development-lifecycle

Guide frontend developers through React/TypeScript development phases with TDD.

34|4|Updated Apr 20, 2026
Search Tags:#developer tools#code review#TDD#frontend development#lifecycle management
One-click install
npx skills add https://github.com/redpanda-data/ui-harness --skill development-lifecycle-redpanda-data
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: development-lifecycle
Source: https://github.com/redpanda-data/ui-harness/tree/main/development-lifecycle
Command: npx skills add https://github.com/redpanda-data/ui-harness --skill development-lifecycle-redpanda-data

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the frontend development process by automating and guiding each phase from understanding, planning, implementing (TDD), to shipping and refining, providing a comprehensive lifecycle framework.

Core Features & Use Cases

  • Automated Development Phase Detection: Automatically detects the current phase of development and provides appropriate guidance.
  • Task Management: Helps break down complex tasks into manageable subtasks and suggests strategies for each phase.
  • Code Review and Iteration: Facilitates code review processes, encourages iterative development, and helps catch quality issues early.
  • Use Case: When you're working on a feature in a React/TypeScript UI, this Skill can help you understand the feature, plan your implementation, perform TDD, and iterate based on feedback, ensuring a smooth development process.

Quick Start

To start the development lifecycle, use the '/work' command or create a new feature branch and the Skill will guide you through the process.

Frequently Asked Questions about development-lifecycle

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

FAQPage Schema
How do I streamline a frontend development lifecycle for React and TypeScript?▼

To streamline a frontend development lifecycle, this Skill automatically detects your current phase and guides you through understanding, planning, TDD implementation, and shipping. It provides task suggestions, code reviews, and refactoring strategies for React and TypeScript UI work.

How do I implement test-driven development in my React UI workflow?▼

Implement test-driven development by entering the implementation phase, where the Skill prompts you to write tests first and iterate based on feedback. It breaks down complex UI tasks into manageable subtasks to ensure a smooth TDD process.

Can I use this lifecycle management Skill for breaking down complex frontend tasks?▼

Yes, you can use this lifecycle management Skill for breaking down complex frontend tasks. It functions as a task management tool that automatically detects your development phase and suggests targeted strategies for each subtask.

What is the best way to start guided code reviews and iteration for frontend features?▼

The best way to start guided code reviews is to trigger the lifecycle process using the '/work' command or by creating a new feature branch. This initiates iterative development to catch quality issues early.

Does this development lifecycle tool require specific frameworks beyond React and TypeScript?▼

This development lifecycle tool specifically supports React and TypeScript UI work. It encourages best practices like TDD, code reviews, and refactoring without requiring additional framework dependencies.

Related Skills

Explore More Software Engineering Skills→
az9713az9713

dark-code-suite-init

Initialize a project with dark code prevention directories, CLAUDE.md section, and baseline audit.

Community
Intermediate
ramontramontiniramontramontini

pull

Execute downstream stories from ready_to_pull to done with enforced gates.

Community
Advanced
ReaJasonReaJason
87

vercel-react-best-practices

Apply React and Next.js performance best practices during code reviews and refactoring.

Community
Advanced
anexpnanexpn
1

dev-workflow

Orchestrate five-phase software development with specialized subagents.

Community
Intermediate