@nockdev/awf 6.2.0

package/.agent/skills/frameworks/react-native/data/core.yaml

@@ -0,0 +1,260 @@
+# =============================================================================
+# React Native Core Patterns (Feb 2026)
+# =============================================================================
+# New Architecture default, Fabric, Turbo Modules
+
+metadata:
+  skill: react-native
+  domain: core
+  version: "0.77"
+  updated: "2026-02-05"
+  patterns_count: 5
+
+patterns:
+  - id: rn001
+    name: New Architecture (Default)
+    category: architecture
+    version: "0.76+"
+    description: |
+      New Architecture is now default since 0.76.
+      Fabric renderer, Turbo Modules, JSI.
+    text: new architecture fabric turbo module jsi bridge
+    example: |
+      // ✅ React Native 0.76+: New Architecture is DEFAULT
+      // No configuration needed for new projects
+
+      // Key components:
+      // 1. Fabric - New rendering system
+      // 2. Turbo Modules - Lazy native module loading
+      // 3. JSI - Direct JS ↔ C++ communication
+
+      // ✅ Benefits:
+      // - No bridge serialization (faster)
+      // - Synchronous native calls possible
+      // - Concurrent rendering (React 18)
+      // - Smaller memory footprint
+      // - Faster startup time
+
+      // ✅ Check if New Architecture is enabled
+      import { TurboModuleRegistry } from 'react-native';
+      const isNewArchEnabled = TurboModuleRegistry.get !== undefined;
+
+      // ⚠️ Legacy architecture removed in 0.82+
+      // All new React/RN features require New Architecture
+    severity: CRITICAL
+    docs_url: https://reactnative.dev/docs/new-architecture-intro
+
+  - id: rn002
+    name: Functional Components
+    category: components
+    version: "0.60+"
+    description: Modern React Native component patterns
+    text: function component hook useState useEffect style
+    example: |
+      import React, { useState, useEffect } from 'react';
+      import {
+        View,
+        Text,
+        StyleSheet,
+        TouchableOpacity,
+        FlatList,
+      } from 'react-native';
+
+      interface User {
+        id: string;
+        name: string;
+        email: string;
+      }
+
+      export function UserList() {
+        const [users, setUsers] = useState<User[]>([]);
+        const [loading, setLoading] = useState(true);
+
+        useEffect(() => {
+          fetchUsers().then((data) => {
+            setUsers(data);
+            setLoading(false);
+          });
+        }, []);
+
+        const renderItem = ({ item }: { item: User }) => (
+          <TouchableOpacity style={styles.card}>
+            <Text style={styles.name}>{item.name}</Text>
+            <Text style={styles.email}>{item.email}</Text>
+          </TouchableOpacity>
+        );
+
+        if (loading) return <LoadingSpinner />;
+
+        return (
+          <FlatList
+            data={users}
+            keyExtractor={(item) => item.id}
+            renderItem={renderItem}
+            contentContainerStyle={styles.list}
+          />
+        );
+      }
+
+      const styles = StyleSheet.create({
+        list: {
+          padding: 16,
+        },
+        card: {
+          backgroundColor: '#fff',
+          padding: 16,
+          borderRadius: 8,
+          marginBottom: 12,
+        },
+        name: {
+          fontSize: 18,
+          fontWeight: 'bold',
+        },
+        email: {
+          color: '#666',
+        },
+      });
+    severity: CRITICAL
+    docs_url: https://reactnative.dev/docs/intro-react-native-components
+
+  - id: rn003
+    name: New CSS Features (0.77)
+    category: styling
+    version: "0.77+"
+    description: |
+      New CSS features: display:contents, boxSizing,
+      mixBlendMode, outline properties.
+    text: css styling display contents boxsizing outline blend
+    example: |
+      import { View, Text, StyleSheet } from 'react-native';
+
+      // ✅ React Native 0.77: New CSS features (New Architecture only!)
+
+      const styles = StyleSheet.create({
+        container: {
+          // ✅ boxSizing (new in 0.77)
+          boxSizing: 'border-box',
+
+          // ✅ outline properties (new in 0.77)
+          outlineColor: '#3b82f6',
+          outlineWidth: 2,
+          outlineStyle: 'solid',
+          outlineOffset: 2,
+
+          // Existing styles
+          padding: 16,
+          borderRadius: 8,
+        },
+
+        // ✅ display: 'contents' (new in 0.77)
+        // Removes the element from layout but keeps children
+        wrapper: {
+          display: 'contents',
+        },
+
+        // ✅ mixBlendMode (new in 0.77)
+        overlay: {
+          mixBlendMode: 'multiply',
+          backgroundColor: 'rgba(0,0,0,0.5)',
+        },
+      });
+
+      // ⚠️ These features require New Architecture
+      // Legacy architecture does not support these
+    severity: MEDIUM
+    docs_url: https://reactnative.dev/blog/2025/01/21/version-0.77
+
+  - id: rn004
+    name: Expo (Recommended)
+    category: tooling
+    version: "SDK 55+"
+    description: Recommended development framework with Expo Router
+    text: expo router managed workflow eas build sdk
+    example: |
+      // ✅ Expo SDK 55+ with React Native 0.83
+
+      // Create new project
+      // npx create-expo-app@latest my-app
+
+      // ✅ File-based routing with Expo Router
+      // app/_layout.tsx
+      import { Stack } from 'expo-router';
+
+      export default function RootLayout() {
+        return (
+          <Stack>
+            <Stack.Screen name="index" options={{ title: 'Home' }} />
+            <Stack.Screen name="profile" options={{ title: 'Profile' }} />
+          </Stack>
+        );
+      }
+
+      // app/index.tsx
+      import { View, Text } from 'react-native';
+      import { Link } from 'expo-router';
+
+      export default function Home() {
+        return (
+          <View>
+            <Text>Welcome!</Text>
+            <Link href="/profile">Go to Profile</Link>
+            <Link href="/users/123">View User</Link>
+          </View>
+        );
+      }
+
+      // app/users/[id].tsx - Dynamic route
+      import { useLocalSearchParams } from 'expo-router';
+
+      export default function UserScreen() {
+        const { id } = useLocalSearchParams<{ id: string }>();
+        return <UserProfile userId={id} />;
+      }
+
+      // ✅ EAS Build for production
+      // eas build --platform all
+    severity: HIGH
+    docs_url: https://docs.expo.dev/
+
+  - id: rn005
+    name: React 19.2 Features
+    category: react
+    version: "0.83+"
+    description: |
+      Activity and useEffectEvent available in React Native.
+      Same APIs as React web.
+    text: activity useEffectEvent react 19 native mobile
+    example: |
+      // ✅ React Native 0.83+ bundles React 19.2
+      import { Activity, useEffectEvent, useEffect } from 'react';
+      import { View, Text } from 'react-native';
+
+      // ✅ Activity for preserving tab state
+      function TabContainer({ activeTab }) {
+        return (
+          <View>
+            <Activity mode={activeTab === 'home' ? 'visible' : 'hidden'}>
+              <HomeScreen />
+            </Activity>
+            <Activity mode={activeTab === 'profile' ? 'visible' : 'hidden'}>
+              <ProfileScreen />
+            </Activity>
+          </View>
+        );
+      }
+
+      // ✅ useEffectEvent for stable callbacks
+      function ChatScreen({ roomId, theme }) {
+        const onMessage = useEffectEvent((message) => {
+          // Always has access to current theme
+          showNotification(message, theme);
+        });
+
+        useEffect(() => {
+          const socket = connectToRoom(roomId);
+          socket.on('message', onMessage);
+          return () => socket.disconnect();
+        }, [roomId]);  // onMessage NOT in deps!
+      }
+    severity: HIGH
+    docs_url: https://reactnative.dev/blog

package/.agent/skills/frameworks/react-native/data/platform.yaml

@@ -0,0 +1,287 @@
+# =============================================================================
+# React Native Platform Patterns (Feb 2026)
+# =============================================================================
+# Platform-specific code, Native Modules, Performance
+
+metadata:
+  skill: react-native
+  domain: platform
+  version: "0.77"
+  updated: "2026-02-05"
+  patterns_count: 5
+
+patterns:
+  - id: rn006
+    name: Platform-Specific Code
+    category: platform
+    version: "0.60+"
+    description: Handle iOS and Android differences
+    text: platform ios android specific select stylesheet
+    example: |
+      import { Platform, StyleSheet, View, Text } from 'react-native';
+
+      // ✅ Platform.select() for simple values
+      const buttonColor = Platform.select({
+        ios: '#007AFF',
+        android: '#2196F3',
+        default: '#3b82f6',
+      });
+
+      // ✅ Platform.OS for conditionals
+      function HeaderComponent() {
+        if (Platform.OS === 'ios') {
+          return <IOSHeader />;
+        }
+        return <AndroidHeader />;
+      }
+
+      // ✅ Platform-specific styles
+      const styles = StyleSheet.create({
+        container: {
+          paddingTop: Platform.OS === 'ios' ? 44 : 0,
+        },
+        shadow: {
+          ...Platform.select({
+            ios: {
+              shadowColor: '#000',
+              shadowOffset: { width: 0, height: 2 },
+              shadowOpacity: 0.25,
+              shadowRadius: 4,
+            },
+            android: {
+              elevation: 4,
+            },
+          }),
+        },
+      });
+
+      // ✅ Platform-specific files
+      // Button.ios.tsx - iOS version
+      // Button.android.tsx - Android version
+      // Import as: import { Button } from './Button';
+    severity: HIGH
+    docs_url: https://reactnative.dev/docs/platform-specific-code
+
+  - id: rn007
+    name: Turbo Modules
+    category: native
+    version: "0.76+"
+    description: |
+      Lazy-loaded native modules with direct JSI access.
+      Replaces legacy Native Modules.
+    text: turbo module native jsi lazy loading c++
+    example: |
+      // ✅ Turbo Modules: Modern native module architecture
+
+      // 1. Define spec in TypeScript
+      // NativeDeviceInfo.ts
+      import { TurboModuleRegistry, TurboModule } from 'react-native';
+
+      export interface Spec extends TurboModule {
+        readonly getDeviceId: () => string;
+        readonly getBatteryLevel: () => Promise<number>;
+        readonly multiply: (a: number, b: number) => number;
+      }
+
+      export default TurboModuleRegistry.getEnforcing<Spec>('DeviceInfo');
+
+      // 2. Use in JavaScript
+      import DeviceInfo from './NativeDeviceInfo';
+
+      const deviceId = DeviceInfo.getDeviceId();  // Synchronous!
+      const battery = await DeviceInfo.getBatteryLevel();
+      const result = DeviceInfo.multiply(5, 3);
+
+      // ✅ Benefits over legacy Native Modules:
+      // - Lazy loading (faster startup)
+      // - Synchronous calls via JSI
+      // - Type-safe with codegen
+      // - Better memory efficiency
+
+      // ⚠️ Legacy NativeModules deprecated
+      // Use TurboModuleRegistry instead
+    severity: MEDIUM
+    docs_url: https://reactnative.dev/docs/turbo-modules
+
+  - id: rn008
+    name: Navigation (React Navigation)
+    category: navigation
+    version: "6+"
+    description: Standard navigation library for React Native
+    text: navigation stack tab drawer screen react-navigation
+    example: |
+      import { NavigationContainer } from '@react-navigation/native';
+      import { createNativeStackNavigator } from '@react-navigation/native-stack';
+      import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+
+      // ✅ Define type-safe navigation
+      type RootStackParamList = {
+        Home: undefined;
+        Profile: { userId: string };
+        Settings: undefined;
+      };
+
+      const Stack = createNativeStackNavigator<RootStackParamList>();
+      const Tab = createBottomTabNavigator();
+
+      // ✅ Tab Navigator
+      function MainTabs() {
+        return (
+          <Tab.Navigator>
+            <Tab.Screen name="Home" component={HomeScreen} />
+            <Tab.Screen name="Profile" component={ProfileScreen} />
+            <Tab.Screen name="Settings" component={SettingsScreen} />
+          </Tab.Navigator>
+        );
+      }
+
+      // ✅ Stack Navigator
+      export default function App() {
+        return (
+          <NavigationContainer>
+            <Stack.Navigator initialRouteName="Home">
+              <Stack.Screen name="Home" component={MainTabs} />
+              <Stack.Screen 
+                name="Profile" 
+                component={ProfileScreen}
+                options={({ route }) => ({ title: route.params.userId })}
+              />
+            </Stack.Navigator>
+          </NavigationContainer>
+        );
+      }
+
+      // ✅ Navigate with type safety
+      import { useNavigation, NavigationProp } from '@react-navigation/native';
+
+      type Navigation = NavigationProp<RootStackParamList>;
+
+      function HomeScreen() {
+        const navigation = useNavigation<Navigation>();
+
+        return (
+          <Button
+            title="View Profile"
+            onPress={() => navigation.navigate('Profile', { userId: '123' })}
+          />
+        );
+      }
+    severity: HIGH
+    docs_url: https://reactnavigation.org/
+
+  - id: rn009
+    name: Performance Optimization
+    category: performance
+    version: "0.70+"
+    description: Key techniques for smooth 60fps apps
+    text: performance fps memo callback flatlist hermes
+    example: |
+      import React, { memo, useCallback, useMemo } from 'react';
+      import { FlatList, View, Text } from 'react-native';
+
+      // ✅ memo() for pure components
+      const UserItem = memo(function UserItem({ user, onPress }) {
+        return (
+          <TouchableOpacity onPress={() => onPress(user.id)}>
+            <Text>{user.name}</Text>
+          </TouchableOpacity>
+        );
+      });
+
+      // ✅ FlatList optimization
+      function UserList({ users }) {
+        // Memoize callbacks
+        const handlePress = useCallback((id: string) => {
+          navigation.navigate('Profile', { id });
+        }, []);
+
+        // Memoize expensive computations
+        const sortedUsers = useMemo(
+          () => users.sort((a, b) => a.name.localeCompare(b.name)),
+          [users]
+        );
+
+        return (
+          <FlatList
+            data={sortedUsers}
+            keyExtractor={(item) => item.id}
+            renderItem={({ item }) => (
+              <UserItem user={item} onPress={handlePress} />
+            )}
+            // ✅ Performance props
+            removeClippedSubviews={true}
+            maxToRenderPerBatch={10}
+            windowSize={5}
+            initialNumToRender={10}
+            getItemLayout={(data, index) => ({
+              length: 60,
+              offset: 60 * index,
+              index,
+            })}
+          />
+        );
+      }
+
+      // ✅ Hermes engine (default in 0.70+)
+      // Faster startup, smaller bundle, better memory
+
+      // ✅ Avoid in render:
+      // - Inline arrow functions
+      // - Object/array literals
+      // - Heavy computations without useMemo
+    severity: HIGH
+    docs_url: https://reactnative.dev/docs/performance
+
+  - id: rn010
+    name: Native Blur & Shadows (0.76)
+    category: styling
+    version: "0.76+"
+    description: Built-in blur and shadow support
+    text: blur shadow android ios boxshadow filter
+    example: |
+      import { View, StyleSheet, Image } from 'react-native';
+
+      // ✅ React Native 0.76+: Native blur and shadows
+
+      const styles = StyleSheet.create({
+        // ✅ Box shadows for Android (previously iOS only)
+        card: {
+          backgroundColor: '#fff',
+          borderRadius: 12,
+          padding: 16,
+          // Works on BOTH platforms now!
+          shadowColor: '#000',
+          shadowOffset: { width: 0, height: 4 },
+          shadowOpacity: 0.15,
+          shadowRadius: 8,
+          elevation: 8,  // Still needed for Android
+        },
+
+        // ✅ Native blur effects
+        blurredBackground: {
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          // Use blur view component for native blur
+        },
+      });
+
+      // ✅ For blur, use @react-native-community/blur
+      import { BlurView } from '@react-native-community/blur';
+
+      function GlassmorphicCard({ children }) {
+        return (
+          <View style={styles.card}>
+            <BlurView
+              style={StyleSheet.absoluteFill}
+              blurType="light"
+              blurAmount={10}
+            />
+            {children}
+          </View>
+        );
+      }
+    severity: MEDIUM
+    docs_url: https://reactnative.dev/blog/2024/10/23/release-0.76

package/.agent/skills/frameworks/svelte/META.yaml

@@ -0,0 +1,62 @@
+name: svelte
+version: "6.2.0"
+category: frontend
+tier: 3
+
+desc: "Svelte 5.x / SvelteKit 2.x development patterns (Feb 2026). Runes stable, async SSR, CSP hydration, deep reactivity."
+
+patterns:
+  total: 12
+  domains:
+    runes: 6
+    sveltekit: 6
+
+hsa:
+  enabled: true
+  adapter: svelte_adapter.py
+
+triggers:
+  file_patterns:
+    - "svelte.config.js"
+    - "*.svelte"
+    - "+page.svelte"
+    - "+layout.svelte"
+    - "+page.ts"
+    - "+page.server.ts"
+  keywords:
+    # Runes
+    - svelte
+    - "$state"
+    - "$derived"
+    - "$effect"
+    - "$props"
+    - "$bindable"
+    - "$inspect"
+    - runes
+    # SvelteKit
+    - sveltekit
+    - load function
+    - form action
+    - enhance
+    - "+page"
+    - "+layout"
+    # Features
+    - snippet
+    - "@render"
+    - async ssr
+    - csp
+  intents:
+    - svelte component
+    - svelte runes
+    - sveltekit page
+    - svelte form
+    - svelte state
+
+related_skills:
+  - typescript
+  - tailwind
+  - vite
+
+prevent_confusion_with:
+  - vue: "Svelte uses compilation, Vue uses virtual DOM"
+  - react: "Svelte uses runes, React uses hooks"