task-implement-feature-front

Community

Ship presenter-driven frontend features with TDD

AuthorFoxSilou
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill orchestrates the developer workflow to implement frontend Presenter features using strict test-driven development, preventing incomplete, untested UI logic and ensuring each presenter is delivered with passing RED/GREEN/REFACTOR gates.

Core Features & Use Cases

  • Step-by-step TDD orchestration: Guides the developer through incremental RED/GREEN/REFACTOR cycles and halts for verification at each gate.
  • Autonomous run mode: Optionally runs the full implementation pipeline without interruptions when explicit autonomy is requested.
  • Integration validation: Verifies NSwag-generated API client freshness and frontend scaffold presence before executing presenter tests.
  • Use Case: Convert a Presenter spec from UI discovery into a set of passing domain tests and production presenter code while maintaining TDD discipline.

Quick Start

Invoke the task-implement-feature-front skill with the presenter specification and choose either step-by-step or autonomous mode to implement the presenter using TDD.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: task-implement-feature-front
Download link: https://github.com/FoxSilou/ConfigurationClaude/archive/main.zip#task-implement-feature-front

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.