task-implement-feature-front

Implement Blazor frontend presenter features through RED/GREEN/REFACTOR TDD cycles.

Updated Apr 1, 2026
One-click install
npx skills add https://github.com/FoxSilou/ConfigurationClaude --skill task-implement-feature-front
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: task-implement-feature-front
Source: https://github.com/FoxSilou/ConfigurationClaude/tree/main/frontend/.claude/skills/task-implement-feature-front
Command: npx skills add https://github.com/FoxSilou/ConfigurationClaude --skill task-implement-feature-front

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about task-implement-feature-front

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

FAQPage Schema
How do I implement Blazor presenter features using test-driven development?

To implement Blazor presenter features using test-driven development, you orchestrate incremental RED/GREEN/REFACTOR cycles that halt for verification at each gate, ensuring UI logic is fully tested before delivery. You can invoke the skill with a presenter specification to guide this workflow.

What is the RED GREEN REFACTOR cycle for frontend presenter development?

The RED GREEN REFACTOR cycle for frontend presenter development is a test-driven workflow that incrementally writes failing tests, produces passing production presenter code, and refactors while halting for verification at each gate to maintain strict TDD discipline.

Can I automate frontend scaffolding and NSwag API client validation in Blazor?

Yes, you can automate frontend scaffolding and NSwag API client validation in Blazor by verifying NSwag-generated client freshness and frontend scaffold presence before executing presenter tests during the implementation pipeline.

Does this TDD workflow support autonomous execution for Blazor presenters?

Yes, this TDD workflow supports autonomous execution for Blazor presenters by optionally running the full implementation pipeline without interruptions when explicit autonomy is requested by the developer.

What is the best way to convert a UI discovery spec into passing Blazor presenter code?

The best way to convert a UI discovery spec into passing Blazor presenter code is to apply step-by-step TDD orchestration, which transforms the presenter spec into domain tests and production code while maintaining strict testing gates.