Skill UI

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.

This guide provides expert patterns for implementing secure, full-stack authentication in Next.js using Supabase. It covers essential architectural components, including setting up separate browser and server clients, utilizing middleware for route protection and session refreshing, handling OAuth callbacks, and implementing auth operations safely via Server Actions and Server Components. Essential knowledge for building secure, modern web applications.

This skill provides comprehensive guidance for building scalable, maintainable, and production-ready backend applications using Node.js. It covers modern architectural patterns, best practices, and implementation details for REST APIs, GraphQL servers, microservices, authentication, real-time WebSockets, and complex database integrations (SQL/NoSQL).

This comprehensive guide helps developers make critical architectural decisions in modern Node.js development. It covers framework selection (Fastify, Hono, Express), implementing layered architecture, mastering async patterns, robust error handling, and essential security protocols. The focus is on teaching architectural thinking and problem-solving skills, ensuring the development of scalable, high-performance, and maintainable backend APIs.

This guide provides essential, production-ready architectural patterns for building highly reliable Obsidian plugins. It addresses common development pitfalls such as managing typed settings with versioned migration, implementing safe vault operations (check-before-act), and handling event listeners to prevent memory leaks. Use these patterns when hardening your plugin for public release or refactoring for maximum stability.

This guide provides advanced architectural patterns to optimize interactions with the Perplexity Sonar API. By implementing smart model routing, query hashing with time-to-live (TTL) caching, streaming responses, and rate-limited parallel processing, developers can significantly reduce latency, improve overall throughput, and manage API costs. Ideal for integrating complex, research-intensive search-augmented applications.

Expert skill for building robust, enterprise-grade PHP applications using modern features (PHP 8.3+), major frameworks (Laravel, Symfony), and strict architectural patterns. Specializes in implementing typed DTOs, value objects, dependency injection, and ensuring high test coverage for secure REST/GraphQL APIs.

This skill performs deep, line-by-line scanning of an entire codebase to understand its architecture, patterns, and dependencies. It systematically identifies critical issues across security vulnerabilities (SQL injection, secrets), performance bottlenecks (N+1 queries, caching), architectural flaws, and code quality gaps. It then automatically refactors and fixes all identified issues, transforming the code into professional, production-grade, enterprise-level quality.

This guide outlines best practices for building highly flexible and maintainable React components. It addresses common architectural pitfalls, such as 'boolean prop proliferation,' by recommending advanced patterns like compound components, state lifting, and context providers. Use this when refactoring large component libraries, designing robust APIs, or reviewing component architecture, including considerations for React 19 APIs.

A comprehensive architectural guide for building production-grade flowcharts using ReactFlow. This pattern set covers key challenges including hierarchical tree navigation (expandable/collapsible nodes), performance optimization via incremental rendering and memoization, and advanced state management using Redux-like reducer patterns with history tracking (undo/redo).

This skill provides production-ready architectural patterns for building robust mobile applications using React Native and Expo. It covers complex topics like state management, sophisticated navigation flow, integrating native modules, and implementing offline-first capabilities. It is ideal for starting new projects or optimizing existing large-scale React Native applications.