Run any Skill in Manus with one click

new-feature

Stars5

Forks0

UpdatedJuly 7, 2026 at 16:48

Scaffold a new client feature folder following the Page→hook→sections pattern, using features/tools as the template. Use when starting a new client feature.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

tum-ai

tum-ai/member-manager

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·SOC 15-1252

SKILL.md

readonly

name	new-feature
description	Scaffold a new client feature folder following the Page→hook→sections pattern, using features/tools as the template. Use when starting a new client feature.

/new-feature

Scaffold client/src/features/<domain>/ in the house style. Template to mirror: client/src/features/tools/ (TumaiDaysPage.tsx, hooks/useTumaiDays.ts, components/, hooks/useTumaiDays.test.tsx).

Ask for the feature name/domain if not given, then create:

<Name>Page.tsx — thin route component (default export OK here). Calls one hook, renders sections inside a layout shell (grid grid-cols-1 gap-5 md:grid-cols-12). Keep it well under 400 lines.
hooks/use<Name>.ts — TanStack Query useQuery/useMutation, useState, useToast() from contexts/ToastContext, all handlers. Data via lib/apiClient. Validation via shared Zod schema.
components/<Name>Section.tsx (and *Panel/*Form as needed) — presentational, prop-driven.
hooks/use<Name>.test.tsx — Vitest test stub (RTL + MSW handler with onUnhandledRequest:"error"), via src/test/renderWithClient.tsx.
components/<Name>Section.stories.tsx — Storybook story stub with a play + a11y check for interactive components.

Then: wire the route (React Router), run pnpm --filter @member-manager/client lint && ... typecheck. Use @/ for any cross-feature imports; mobile-first + dark-mode from the start.

More from this repository

same repository

commit

tum-ai/member-manager

Stage the intended changes only, derive a scoped conventional-commit message, branch first if on main, run the staged lint check, and commit. Use when the user asks to commit work.

2026-07-075

gate

tum-ai/member-manager

Run the full pre-push gate (lint, typecheck, test, build) and triage any failures by stage. Use before pushing or when asked to verify the repo is green.

2026-07-075

pr-review

tum-ai/member-manager

Review a pull request against member-manager's invariants and post inline comments. Use when asked to review a PR.

2026-07-075

verify-e2e

tum-ai/member-manager

Reset and seed the local Supabase stack, then run the Playwright E2E suite (or a single spec) and summarize failures. Use when asked to verify end-to-end behavior.

2026-07-075

tumai-ci

tum-ai/member-manager

Use when changing UI, styling, theming, logos, imagery, or visual copy in this repo so the result follows the TUM.ai corporate identity. Apply the vendored brand guide, color system, typography, button treatment, and dark/light mode rules before shipping frontend work.

2026-03-305

name	new-feature
description	Scaffold a new client feature folder following the Page→hook→sections pattern, using features/tools as the template. Use when starting a new client feature.

/new-feature

Ask for the feature name/domain if not given, then create:

<Name>Page.tsx — thin route component (default export OK here). Calls one hook, renders sections inside a layout shell (grid grid-cols-1 gap-5 md:grid-cols-12). Keep it well under 400 lines.
hooks/use<Name>.ts — TanStack Query useQuery/useMutation, useState, useToast() from contexts/ToastContext, all handlers. Data via lib/apiClient. Validation via shared Zod schema.
components/<Name>Section.tsx (and *Panel/*Form as needed) — presentational, prop-driven.
hooks/use<Name>.test.tsx — Vitest test stub (RTL + MSW handler with onUnhandledRequest:"error"), via src/test/renderWithClient.tsx.
components/<Name>Section.stories.tsx — Storybook story stub with a play + a11y check for interactive components.

Then: wire the route (React Router), run pnpm --filter @member-manager/client lint && ... typecheck. Use @/ for any cross-feature imports; mobile-first + dark-mode from the start.