Skills
.Work. You
Rest

add-full-slice

Official

Deliver backend + UI features in one pass

Software Engineering#permissions#playwright#cqrs#contract-first#vertical slice#api endpoint#react page
Authorfullstackhero
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It prevents slow, error-prone feature delivery by keeping the backend contract and the frontend page aligned while building a user-facing capability end-to-end.

Core Features & Use Cases

  • End-to-end vertical slice delivery: Builds the backend vertical slice (contracts → validator → handler → endpoint) and wires the matching React page.
  • Contract synchronization: Forces the route, HTTP method, request/response shapes, and JSON casing (camelCase) to match exactly between API and UI.
  • Permission-ready user flows: Mirrors gated permissions to the admin UI and ensures the correct behavior across both apps.
  • Tested across boundaries: Adds both backend (xUnit) and frontend (Playwright) verification to reduce regressions.

Quick Start

Use the add-full-slice skill to create a complete feature by first specifying the module name, the target app (admin or dashboard), and the feature name in one invocation.

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: add-full-slice
Download link: https://github.com/fullstackhero/dotnet-starter-kit/archive/main.zip#add-full-slice

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.