neter-template

Use when designing or refactoring neter-template frontend pages that should feel compact, refined, content-dense, tool-like, doc-like, or suitable for search/detail/dashboard style content pages.

Use when a neter-template page component has substantial state, handlers, or side effects that should be extracted into a dedicated hook file so the TSX file is reduced to pure rendering.

Use when creating or refactoring React component styles in neter-template with CSS Modules, especially when converting local .scss files to .module.scss with classes imports and clsx class composition.

Use when adding SCSS styles, design tokens, dark mode, CSS variables, spacing, typography, radius, hover states, or ThemeProvider/Zustand-linked theme changes in neter-template.

Use when polishing neter-template frontend UI or UX and deciding where UnoCSS icons should be added or refined, especially for buttons, status labels, section headers, helper text, and empty states.