メニュー
T3 Next.js App Router umbrella: stack roles, src/ layout, RSC vs client, HeroUI-only UI, globals.css theme authority. Load web-trpc-api, web-url-search-state, heroui-components for depth; general-typescript for Bun and TS.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI — creating Buttons, Modals, Forms, Cards; installing @heroui/react; configuring dark/light themes with oklch variables; or fetching component docs. Keywords: HeroUI, Hero UI, heroui, @heroui/react, @heroui/styles.
TypeScript hub for Bun workflows, tsconfig and tsc, interface vs type vs enum, no any, unknown only with explicit user approval, ESM, lint/format, Vitest or Bun test, JSDoc or TSDoc, delegation to typescript-types. Triggers on TypeScript, interface, type, enum, any, unknown, Bun, tsc, eslint.
HeroUI as the only component library: v3 imports from @heroui/react, theme tokens from globals.css, Tailwind composition without fighting HeroUI variants, forms and accessibility hooks. Triggers on HeroUI, heroui, Button, Input, Modal, TSX UI.
Deep TypeScript typing for discriminated unions, exhaustive handling, generics, satisfies, branding, and fixing tsc output without any or silent unknown on public APIs. Use when resolving complex type errors or designing type-heavy APIs. Pairs with general-typescript (no any; unknown only with explicit user approval). Triggers on generics, union, narrowing, exhaustive, satisfies, inference.
tRPC procedures with auth context, Zod inputs, query vs mutation semantics, Prisma on server, error mapping, and optional Next.js REST route handlers that share validation. For T3 Next.js apps. Triggers on tRPC, router, procedure, protectedProcedure, prisma, zod, app/api route.ts.
Next.js App Router URL search state: Zod schemas for searchParams, shareable list/filter URLs, sync with Link and router, SSR-friendly patterns. Triggers on searchParams, nuqs, URL, query string, bookmark.
| name | typescript-web |
| description | T3 Next.js App Router umbrella: stack roles, src/ layout, RSC vs client, HeroUI-only UI, globals.css theme authority. Load web-trpc-api, web-url-search-state, heroui-components for depth; general-typescript for Bun and TS. |
When this skill applies:
globals.css + HeroUI theme are the style source of truth; extend tokens before arbitrary colors.use client at leaves; Prisma and session only on server.src/ roles: app, features, components, server, lib, utils, common, styles as in the spec.Subagents when a focused pass helps: web-ui-reviewer, web-api-reviewer, heroui-implementation.