add-feature

name	add-feature
description	Add a new UI feature to the nvcf-ui app — folder structure, routing, data loading, lazy-loading, testing, and completion checklist. Use when creating a new feature folder, adding a page or view, wiring routes, building a new screen, or deciding whether to extend an existing feature vs create a new one. Also use when the user asks to build something new in the UI, even if they don't say "feature" explicitly.
license	Apache-2.0
allowed-tools	["Bash","Read","Edit"]

Adding a UI Feature

For all component selection, layout decisions, and styling — invoke the kaizen-ui skill.

Gotchas

• This project uses code-based routing, not file-based. Do not use createFileRoute or the TanStack Router Vite plugin — use createRoute and createLazyRoute.
• View components are named by view type (e.g. WidgetsList, WidgetDetail), never with a Page suffix.
• router.tsx is pure composition — it only imports and wires route trees. Do not put route definitions or loaders in router.tsx.
• rootRoute.tsx is separate from router.tsx to avoid circular imports. Layout routes that span multiple features live at src/ root, not in a feature folder.