Skill UI

An expert guide and framework for building production-grade, sophisticated AI agent systems. This skill specializes in utilizing the latest LangChain 0.1+ and LangGraph APIs to implement multi-agent orchestration, advanced Retrieval-Augmented Generation (RAG) pipelines (e.g., RAG Fusion, HyDE), and complex state management. It covers comprehensive topics from architectural design (Plan-and-Execute, ReAct Agents) to production deployment (FastAPI streaming, LangSmith observability, caching, and robust error handling).

Guides building native-feeling macOS interfaces, covering layout/composition, traffic lights, draggable chrome, shortcuts, light/dark mode, visuals, animations, drag-and-drop, and onboarding for desktop tools whether React, Electron, or native.

Mastery of modern mobile development across multiple platforms, including React Native, Flutter, and native iOS/Android. Expertise covers the entire lifecycle, specializing in architectural patterns (Clean, MVVM), performance optimization, offline-first data synchronization (GraphQL, SQLite), advanced DevOps practices (CI/CD, Fastlane), and App Store Optimization (ASO). Ideal for building robust, scalable, and highly performant cross-platform applications.

Documenting React Native and Flutter patterns for building responsive, performant product lists with typed navigation, safe areas, and platform-aware styles, plus anti-patterns and checklist to keep JS threads smooth.

This comprehensive workflow guides the process of building and deploying new features that must maintain consistent functionality and design across multiple operating systems (web, mobile, and desktop). It strictly follows an API-first architecture, starting with defining shared API contracts (OpenAPI/GraphQL) and a unified design system. The process then guides parallel implementation across specialized stacks like React/Next.js, SwiftUI, and Jetpack Compose, ensuring high code consistency and faster time-to-market.

Automates Neutrino tasks through Rube MCP (Composio) by enforcing tool discovery, connection checks, and schema-compliant execution, streamlining reactions within Neutrino toolkit workflows.

A comprehensive guide providing best practices and architectural patterns for modern full-stack development using Next.js 14+ App Router. Covers advanced topics like Server Components, efficient data fetching, handling parallel routes, and implementing full-stack features with Server Actions for scalable React applications.

This comprehensive guide outlines best practices for developing modern, scalable applications using the Next.js App Router. It covers critical architectural patterns, including the decision-making process between Server and Client Components, advanced data fetching strategies (caching, revalidation), file-system routing principles, API route handling, and performance optimizations like image and bundle splitting. Essential knowledge for building robust full-stack React applications.

A comprehensive guide to building modern, high-performance full-stack applications using Next.js 14+ and the App Router. Covers advanced concepts including React Server Components (RSC), Server Actions, optimized data fetching with caching, implementing robust SEO via generateMetadata, and best practices for deployment and performance tuning (Vercel).

A comprehensive guide to the Obsidian event system, detailing how to handle various lifecycle and state changes within plugins. Learn to register listeners for vault events (file creation, modification, deletion), workspace events (layout changes, view activation), and metadata cache updates. Essential for building highly reactive and deeply integrated Obsidian plugins.

Automates Open Graph metadata guidance for frontend workflows, offering best practices, React/Vue/CSS tips, and ready-to-apply code.

Automates Pinia store setup with best practices, config generation, and validation for frontend projects spanning React, Vue, CSS, accessibility, and performance needs.