Agent skill

Add Full Slice

by fullstackhero in fullstackhero/dotnet-starter-kit

Build a capability end-to-end — backend vertical slice (Contracts→handler→validator→endpoint) AND the React page wired to it.

MITAuto-check passedTesting & QA

Install Add Full Slice

skills CLI
$ npx skills add fullstackhero/dotnet-starter-kit --skill add-full-slice -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install fullstackhero/dotnet-starter-kit add-full-slice --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/fullstackhero/dotnet-starter-kit.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/add-full-slice .claude/skills/add-full-slice && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
add-full-slice
GitHub stars
6.8k
Token cost
~783 tokens
SKILL.md length
302 words
Files
1
Skills in repo
11
Repo updated
First seen
Licence
MIT

At a glance

Build a capability end-to-end — backend vertical slice (Contracts→handler→validator→endpoint) AND the React page wired to it.

  • Works in 5 steps: Backend slice — add-feature (and… → Lock the contract — note the final route… → Frontend page — add-react-page in the… → …
  • Delivering a user-facing feature across API + UI
  • SKILL.md covers Order of operations, The contract (the thing that…, Verify end-to-end and Checklist
  • Calls dotnet and npm

What it does

Add Full Slice is an agent skill from fullstackhero/dotnet-starter-kit. Build a capability end-to-end — backend vertical slice (Contracts→handler→validator→endpoint) AND the React page wired to it. Use when delivering a user-facing feature across API + UI. Composes add-feature + add-react-page.

Its SKILL.md is about 780 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Testing & QA, covering Project scaffolding and End-to-end testing. It works with React. The repository describes itself as: Production Grade Cloud-Ready .NET 10 Starter Kit (Web API + React Client) with Multitenancy Support, and Clean/Modular Architecture that saves roughly 200+ Development Hours! All… The licence is MIT.

When your agent uses it

  • Delivering a user-facing feature across API + UI
  • Tasks that involve Project scaffolding
  • Tasks that involve End-to-end testing

Example prompts

  • “/add-full-slice”

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. Backend slice — add-feature (and add-entity first if a new entity is needed)
  2. Lock the contract — note the final route path, HTTP method, request shape, and response DTO field names/casing. The React side must match…
  3. Frontend page — add-react-page in the chosen app
  4. Permission — if the endpoint is gated, mirror the constant into admin's lib/permissions.ts and gate the route (add-permission). Dashboard…
  5. Tests both sides — backend handler/validator test (xUnit/Shouldly/NSubstitute) + frontend Playwright spec (route-mocked).

What it can do on your machine

Read from SKILL.md and the folder at commit 0bd98e3. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • dotnet
    • npm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Add Full Slice loads about 783 tokens when it runs. Until then it costs about 60 tokens; SKILL.md has 302 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~60
When it runs · the whole SKILL.md, loaded when a task matches
~783

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from fullstackhero/dotnet-starter-kit at commit 0bd98e3, republished under its MIT licence (© fullstackhero). 302 words, ~783 tokens.

Download SKILL.mdSave it as .claude/skills/add-full-slice/SKILL.md (or your agent's skills folder).
name
add-full-slice
description
Build a capability end-to-end — backend vertical slice (Contracts→handler→validator→endpoint) AND the React page wired to it. Use when delivering a user-facing feature across API + UI. Composes add-feature + add-react-page.
argument-hint
[ModuleName] [admin|dashboard] [FeatureName]

Add Full Slice (backend → frontend)

The kit's accelerator: deliver a feature from database to UI in one pass. This skill composes add-feature (backend) and add-react-page (frontend) — follow each for the detailed code; this file is the order of operations and the contract that keeps the two halves in sync.

Order of operations

  1. Backend slice — add-feature (and add-entity first if a new entity is needed):
    • Command/Query + response DTO in Modules.{X}.Contracts/v1/{Area}/ (+ Contracts/Dtos/).
    • Handler (public sealed, injects {X}DbContext), Validator, Endpoint (internal static Map…Endpoint, .RequirePermission(...)).
    • Wire in {X}Module.MapEndpoints. Build + test backend green.
  2. Lock the contract — note the final route path, HTTP method, request shape, and response DTO field names/casing. The React side must match these exactly.
  3. Frontend page — add-react-page in the chosen app:
    • API module calls the same path; hand-write TS types mirroring the response DTO (the API serializes C# records as camelCase JSON — TS fields are camelCase even though admin query params are PascalCase).
    • Page (useQuery/useMutation), route (RouteGuard for admin / withSuspense for dashboard).
  4. Permission — if the endpoint is gated, mirror the constant into admin's lib/permissions.ts and gate the route (add-permission). Dashboard relies on the server 403.
  5. Tests both sides — backend handler/validator test (xUnit/Shouldly/NSubstitute) + frontend Playwright spec (route-mocked).

The contract (the thing that breaks if you're sloppy)

BackendFrontend must match
Endpoint route api/v{n}/{module}/{resources}apiFetch path
Request: the Command/Query record fieldsrequest body / query-param keys (admin params PascalCase; body JSON camelCase)
Response: the DTO record (camelCase JSON)the hand-written TS type
.RequirePermission({X}Permissions...)(admin) RouteGuard perms + the mirrored constant
Paginated → PagedResponse<T>PagedResponse<T> (admin: @/lib/api-types; dashboard: inline)

Verify end-to-end

bash
dotnet build src/FSH.Starter.slnx && dotnet test src/Tests/{X}.Tests
cd clients/{app} && npm run lint && npm run test:e2e
# optional manual check: dotnet run --project src/Host/FSH.Starter.AppHost  (brings up API + both apps)

Checklist

  • Backend slice complete + green (add-feature)
  • Contract locked: route, request shape, response DTO field names
  • Frontend api module path + TS types match the contract (body JSON camelCase)
  • Page + route added (add-react-page); admin permission mirrored + gated (add-permission)
  • Backend test + Playwright test added; both suites green

© fullstackhero, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .agents/skills/add-full-slice of fullstackhero/dotnet-starter-kit.

Open the folder on GitHubat commit 0bd98e3

Compare with similar skills

Add Full Slice next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Add Full Slice compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Add Full Slice this skillfullstackhero/dotnet-starter-kit6.8k—~783Automated safety check: PassMIT
Senior QAalirezarezvani/claude-skills28k1 repos~2.1kAutomated safety check: PassMIT
Senior QAborghei/Claude-Skills874—~1.6kAutomated safety check: PassMIT
Desktopgridaco/grida2.7k—~3.2kAutomated safety check: NotesApache-2.0
Senior QAnicepkg/auto-company1923 repos~1.1kAutomated safety check: NotesNone
Pierre Testing and Verification Guidepierrecomputer/pierre6.2k—~608Automated safety check: PassApache-2.0

Similar skills

  • Senior QA

    alirezarezvani/claude-skills

    Generates unit tests, integration tests, and E2E tests for React/Next.js applications.

    28k GitHub starsUsed in 1 repo~2.1k tokens
    Testing & QAAuto-check passed
  • Senior QA

    borghei/Claude-Skills

    Testing for React/Next.js with Jest, React Testing Library, and Playwright.

    874 GitHub stars~1.6k tokensUpdated today
    Testing & QAAuto-check passed
  • Desktop

    gridaco/grida

    Grida Desktop Electron shell and release-impact work: BrowserWindow, preload, window.grida, menus, protocol/deep links, file associations, Forge, path-scoped bridge security, Electron-only UI bugs…

    2.7k GitHub stars~3.2k tokensUpdated yesterday
    Testing & QAAuto-check: notes
  • Senior QA

    nicepkg/auto-company

    Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications.

    192 GitHub starsUsed in 3 repos~1.1k tokens
    Testing & QAAuto-check: notes
  • Chooses the right verification step after a code change in Pierre's monorepo: format and lint, a typecheck, Bun unit tests, snapshots, or Playwright E2E.

    6.2k GitHub stars~608 tokensUpdated today
    Testing & QAAuto-check passed
  • Open Browser

    JasonHonKL/Openbrowser

    A skill your agent uses whenever the task involves browsing web pages, extracting page content, clicking forms, or completing web workflows.

    114 GitHub stars~1.6k tokensUpdated 5 mo ago
    Testing & QAAuto-check passed

More from fullstackhero/dotnet-starter-kit

All 11 skills in this repo
  • Add Entity

    fullstackhero/dotnet-starter-kit

    Add a domain entity/aggregate with EF configuration and a migration to an existing FSH module.

    6.8k GitHub stars~1.2k tokensUpdated 7 days ago
    Auto-check passed
  • Add Feature

    fullstackhero/dotnet-starter-kit

    Add a vertical-slice feature (command/query + handler + validator + endpoint) to an existing FSH module.

    6.8k GitHub stars~1.1k tokensUpdated 7 days ago
    Auto-check passed
  • Add Integration Event

    fullstackhero/dotnet-starter-kit

    Publish a cross-module integration event via the Outbox and handle it idempotently in another module.

    6.8k GitHub stars~1.1k tokensUpdated 7 days ago
    Auto-check passed
  • Add Module

    fullstackhero/dotnet-starter-kit

    Create a new module (bounded context) — runtime + Contracts projects, IModule, DbContext, permissions, migrations, and the four registration sites.

    6.8k GitHub stars~1.5k tokensUpdated 7 days ago
    Auto-check passed
  • Add Permission

    fullstackhero/dotnet-starter-kit

    Add a new permission end-to-end — server constant + endpoint gate, and (admin app) mirror it into the permissions catalog + route guard.

    6.8k GitHub stars~849 tokensUpdated 7 days ago
    Auto-check passed
  • Add React Page

    fullstackhero/dotnet-starter-kit

    Add a list+create page to a React app (clients/admin or clients/dashboard) — API module, page, lazy route, (admin) permission gate, Playwright test.

    6.8k GitHub stars~1.5k tokensUpdated 7 days ago
    Auto-check passed

Works with

Questions about Add Full Slice

What does Add Full Slice do?

Build a capability end-to-end — backend vertical slice (Contracts→handler→validator→endpoint) AND the React page wired to it. Add Full Slice is an agent skill from fullstackhero/dotnet-starter-kit. Build a capability end-to-end — backend vertical slice (Contracts→handler→validator→endpoint) AND the React page wired to it.

When should I use Add Full Slice?

Add Full Slice fits situations like: delivering a user-facing feature across API + UI; tasks that involve Project scaffolding; tasks that involve End-to-end testing.

How do I install Add Full Slice in Claude Code?

Run `npx skills add fullstackhero/dotnet-starter-kit --skill add-full-slice -a claude-code`. Or copy the skill folder (.agents/skills/add-full-slice in fullstackhero/dotnet-starter-kit) into .claude/skills/add-full-slice in your project. Claude Code loads it when a task matches its description.

How do I install Add Full Slice in Codex?

Run `npx skills add fullstackhero/dotnet-starter-kit --skill add-full-slice -a codex`. Or copy the skill folder (.agents/skills/add-full-slice in fullstackhero/dotnet-starter-kit) into .agents/skills/add-full-slice in your project. Codex loads it when a task matches its description.

Can I use Add Full Slice in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add fullstackhero/dotnet-starter-kit --skill add-full-slice -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/add-full-slice, .gemini/skills/add-full-slice, .github/skills/add-full-slice and .opencode/skills/add-full-slice in your project.

What does Add Full Slice need to run?

Going by SKILL.md and its folder, Add Full Slice needs the command-line tools its instructions call (dotnet and npm).

Does Add Full Slice access the network?

SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Add Full Slice safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Add Full Slice use?

Add Full Slice is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Add Full Slice use?

About 783 tokens (SKILL.md is roughly 3.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Add Full Slice?

Skills that share tags, products or a category with Add Full Slice: Senior QA (alirezarezvani/claude-skills, 28k stars), Senior QA (borghei/Claude-Skills, 874 stars), Desktop (gridaco/grida, 2.7k stars) and Senior QA (nicepkg/auto-company, 192 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Add Full Slice?

fullstackhero (a GitHub organization) maintains it in fullstackhero/dotnet-starter-kit, which has 6,813 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on September 30, 2026.

Source: fullstackhero/dotnet-starter-kit on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.