nicegui reference updates

src/personal_mcp/docs/skills/nicegui/SKILL.md

@@ -52,26 +52,24 @@ Load [FastAPI and Uvicorn startup](./references/fastapi-uvicorn-startup.md) for:
 
 Load [styling and customization](./references/styling-and-customization.md) for:
 
-- progressive discovery through NiceGUI docs, constructors, and Quasar docs
-- Quasar props, slots, events, and NiceGUI customization methods
 - app-wide and page-level color themes, dark mode, and semantic CSS tokens
-- Tailwind for structural styling and static stylesheets for fine tuning
-- responsive layout and static asset conventions
-- Tailwind and Quasar breakpoint scales, container queries, and responsive testing
-- uniformly scaling dialogs on mobile
-- preserving Quasar field proportions
-- keeping detached `QSelect` menus anchored
-- sizing scrollable dialog cards under CSS `zoom`
-- validating zoomed controls with Playwright or a browser
+- Tailwind and Quasar utility classes
+- scoped CSS properties and stable application classes
+- responsive page composition and static asset loading
+- cosmetic treatment of controls, surfaces, typography, and visual states
+- visual validation at supported viewport sizes
 
-### Special Component Customization
+### Component Mechanics And Customization
 
-Load [special component customization](./references/special-component-customization.md) for:
+Load [component mechanics and customization](./references/component-mechanics-and-customization.md) for:
 
-- the required source-research gate before generating component customizations
-- `ui.select` constructors, Quasar props, slots, detached popups, and option caveats
-- `ui.icon` names, icon families, sizing, colors, assets, and Material Symbol variants
-- component-specific accessibility, sanitization, and validation checks
+- the NiceGUI Python wrapper, element bridge, Quasar component, and Vue runtime boundaries
+- deciding between constructors, bindings, Quasar props, events, slots, and frontend methods
+- server-client state and event flow
+- detached content and external icon assets
+- source research against the installed NiceGUI and bundled Quasar versions
+- `ui.select` and `ui.icon` mechanics and caveats
+- dialog scaling when detached popup geometry must be preserved
 
 ### Bindable State
 
@@ -118,8 +116,8 @@ Load [source documentation](./references/source-documentation.md) when:
 ### Page Or Component Work
 
 1. Load [application architecture](./references/architecture.md) for page and component ownership decisions.
-2. Load [styling and customization](./references/styling-and-customization.md) for layout, responsive behavior, or visual customization.
-3. Add [special component customization](./references/special-component-customization.md) when the work targets `ui.select`, `ui.icon`, or another component with specialized Quasar behavior.
+2. Load [styling and customization](./references/styling-and-customization.md) for themes, layout, responsive presentation, utility classes, or CSS.
+3. Load [component mechanics and customization](./references/component-mechanics-and-customization.md) when behavior must be mapped across NiceGUI, Quasar, and Vue, or when detached content and component-specific behavior are involved.
 4. Add [interaction patterns](./references/interaction-patterns.md) or [bindable dataclasses](./references/binding-dataclasses.md) according to the page behavior.
 
 ### Debugging Or Production Review