Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

new-feature

Estrellas5

Forks0

Actualizado7 de julio de 2026 a las 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.

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

tum-ai

tum-ai/member-manager

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores de softwareOcupaciones informáticas y matemáticas·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.

Más de este repositorio

mismo repositorio

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.