fix(skills): address code review feedback on event types and inline styles

Co-authored-by: zdrawku <11193764+zdrawku@users.noreply.github.com>

Author: Copilot

skills/igniteui-react-customize-theme/SKILL.md

@@ -183,15 +183,15 @@ function AdminPanel() {
 
 ### Inline Styles on a Wrapper
 
-For quick one-off overrides, you can apply CSS custom properties via inline styles:
+For truly dynamic one-off overrides, you can apply CSS custom properties via inline styles. **Prefer CSS classes or CSS modules** for better type safety and maintainability — use inline styles only when values need to change at runtime:
 
 ```tsx
 <div style={{ '--ig-primary-h': '260deg', '--ig-primary-s': '60%', '--ig-primary-l': '45%' } as React.CSSProperties}>
   <IgrButton>Custom Color Button</IgrButton>
 </div>
 ```
 
-> **Note:** TypeScript requires the `as React.CSSProperties` cast because CSS custom properties are not in the standard `CSSProperties` type.
+> **Note:** TypeScript requires the `as React.CSSProperties` cast because CSS custom properties are not in the standard `CSSProperties` type. This bypasses type safety — prefer CSS classes when possible.
 
 ---
 

skills/igniteui-react-use-components/SKILL.md

@@ -233,7 +233,8 @@ function MyForm() {
   };
 
   const handleInput = (event: CustomEvent) => {
-    console.log('Input value:', (event.target as HTMLInputElement).value);
+    // event.target is the underlying web component element (e.g., igc-input)
+    console.log('Input value:', (event.target as any).value);
   };
 
   const handleChange = (event: CustomEvent) => {