core-layer-patterns
Base classes, error handling, utilities, configuration, and dependency injection patterns for Flutter Clean Architecture
Base classes, error handling, utilities, configuration, and dependency injection patterns for Flutter Clean Architecture
Specialized skill for building Next.js 15 App Router applications with React Server Components, Server Actions, and production-ready patterns. Use when implementing Next.js features, components, or application structure.
Use `@web-loom/design-core` to theme apps with a flat/paper look and follow the UX/UI guidance captured in `apps/mvvm-react-integrated`. Trigger this skill for theming questions, setting up token+theme pipelines, or aligning new screens with the repo’s flat design system.
Test, debug, and modify Majsoul WebUI (Laya engine) within the Naki app. Use when the user asks to adjust "the screen" or "UI" - clarify whether they mean Naki's SwiftUI app or Majsoul's WebUI. This skill handles WebUI JavaScript execution, tile manipulation, and visual debugging.
Expert guide for implementing NuxtUI v4.1+ - an open-source UI library of 100+ customizable components built with Tailwind CSS and Reka UI. Use when the user mentions NuxtUI components (UButton, UInput, UCard, etc.), asks about implementing UI features, needs component examples, works with forms/layouts/navigation, or requests theme/styling customization. Proactively suggest when building UI to ensure consistent design. (project)
React 18+ patterns with Vite bundler, TypeScript, hooks, component design, and state management. Activate for React apps, Vite configuration, TypeScript, frontend development, and modern React patterns.
Develop high-quality, accessible React components using shadcn-ui, Tailwind CSS, and Radix UI. Use when building forms, layouts, dialogs, tables, or any UI components. Supports Next.js, Vite, Remix, Astro, and more. Integrates with shadcn MCP server for component discovery and installation.
Use this skill whenever the user wants to design, refactor, or extend reusable UI components in a Next.js (App Router) + TypeScript + Tailwind + shadcn/ui project, following a consistent design system and accessibility best practices.
Build React/TypeScript frontends with modern patterns. Use for components, Suspense, lazy loading, useSuspenseQuery, MUI v7 styling, TanStack Router, performance optimization.
Create distinctive, production-grade frontend interfaces with high design quality. Use when users ask to build web components, pages, or applications.
Production-grade Flutter plugin development mastery - Platform channels, federated architecture, MethodChannel/EventChannel, iOS Swift/Android Kotlin integration, pub.dev publishing with comprehensive code examples
Comprehensive theme management, dark mode, and dynamic styling patterns for iOS/tvOS
Utility-first CSS framework for rapidly building custom user interfaces
Enforce modern React 19 and Next.js App Router patterns - server-first data fetching, minimal useEffect, Server Components, Server Actions, and form hooks. Use when reviewing React/Next.js code, migrating legacy patterns, or building new features with App Router.
Guide for creating reusable UI components. Use this when asked to create a new component, extract shared UI logic, or add to the component library.
Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.
Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.
Cross-platform mobile development with React Native and Expo including navigation, state management, and native features
Create distinctive, production-grade React Native Expo interfaces following iOS Human Interface Guidelines and liquid glass design principles. Use when building mobile screens, components, or styling any React Native UI.
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
Official Expo UI guidelines - build beautiful apps with Expo Router, NativeTabs, SF Symbols, animations, and Apple HIG patterns
Build Progressive Web Apps with Dioxus framework. Use when developing Dioxus web applications, creating PWA features, or working with WASM targets.
Master SwiftUI with declarative UI, state management, custom views, animations, and modern iOS development patterns.
Comprehensive Expo/React Native patterns - NativeTabs, SF Symbols, Apple HIG, EAS builds, animations, and SDK patterns