skills.rest
FoxSilou
FoxSilouCOMMUNITY
Explore all skills by this author →
GitHub

task-scaffold-front

Scaffold Blazor frontend infrastructure with bUnit and Playwright test harnesses.

Updated Apr 1, 2026
Search Tags:#frontend#scaffolding#playwright#blazor#bunit#nswag
One-click install
npx skills add https://github.com/FoxSilou/ConfigurationClaude --skill task-scaffold-front
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: task-scaffold-front
Source: https://github.com/FoxSilou/ConfigurationClaude/tree/main/frontend/.claude/skills/task-scaffold-front
Command: npx skills add https://github.com/FoxSilou/ConfigurationClaude --skill task-scaffold-front

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It provides automatic scaffolding of the frontend project structure, necessary services, and a testing harness, eliminating manual setup.

Core Features & Use Cases

  • Project Structure: Generates the standard folder layout for a Blazor application.
  • Service Integration: Adds boilerplate services and configures client generation via NSwag when a backend API spec is present.
  • Test Harness: Sets up bUnit and Playwright testing environments out of the box.
  • Use Case: Ideal for initializing a new feature area or bootstrapping a fresh frontend repository.

Quick Start

Scaffold the frontend for the feature “order management”.

Frequently Asked Questions about task-scaffold-front

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

FAQPage Schema
How do I scaffold a Blazor application with bUnit and Playwright test harnesses?▼

Scaffolding a Blazor application with bUnit and Playwright is handled automatically by generating the standard folder layout, required services, and testing environments out of the box, eliminating manual setup.

Can I generate API client bindings from a backend API specification for my Blazor frontend?▼

Yes, you can generate API client bindings by providing an optional backend API specification file named Api.json, which configures client generation via NSwag during the frontend scaffolding process.

What do I need to set up before scaffolding frontend services for a Blazor project?▼

Before scaffolding frontend services, you need an existing frontend solution directory ready, and optionally a backend API specification if you want to generate NSwag client bindings.

What is the best way to initialize a new feature area in a frontend repository?▼

The best way to initialize a new feature area is using frontend scaffolding to bootstrap the project structure, add boilerplate services, and set up testing environments simultaneously.

Does this frontend scaffolding work without a backend API specification?▼

Yes, the frontend scaffolding works without a backend API specification, which is optional and only required if you want to configure NSwag client generation for your services.

Related Skills

Explore More Software Engineering Skills→
akiojinakiojin
32

unity-development

Automate Unity project setup and code scaffolding with architecture patterns.

Community
Advanced
FoxSilouFoxSilou

frontend-testing

Automate Blazor/MAUI UI validation with bUnit and Playwright tests.

Community
Advanced
rudironsonirudironsoni

dotnet-blazor-testing

Test Blazor components with bUnit and xUnit for rendering and events.

Community
Intermediate
damien-schneiderdamien-schneider
32

convex-quickstart

Initialize and configure Convex backend services for web applications.

Community
Intermediate