Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

new-feature

Étoiles5

Forks0

Mis à jour7 juillet 2026 à 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

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

tum-ai

tum-ai/member-manager

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·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.

Plus depuis ce dépôt

même dépôt

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.