Skill UI

An expert guide for designing, setting up, and optimizing large-scale monorepositories. Masters advanced build systems like Nx, Turborepo, Bazel, and Lerna to manage complex dependency graphs, implement efficient build caching (local and remote), and optimize slow CI/CD pipelines for multi-project development workflows.

A comprehensive guide for developing custom external web service APIs for the Moodle Learning Management System (LMS). It covers Moodle's required API framework, coding standards, and the essential three-method pattern (execute_parameters, execute, execute_returns) necessary for integrating custom functionality, such as course management, quiz operations, and reporting, with external applications.

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.

This elite workflow simulates the comprehensive process of a Senior Software Engineer and Product Designer. It enforces a rigorous development pipeline: starting with planning, solid architecture, and TDD implementation, through clean code practices, and technical auditing. Crucially, it includes mandatory, pixel-perfect UX visual validation to ensure the output is flawless, consistent, and production-grade.

This advanced workflow emulates an elite Senior Software Engineer and Senior Product Designer, ensuring maximum quality output. It enforces a rigorous, multi-step process including ultra-fast planning, solid architecture design, TDD implementation, clean code refactoring, technical auditing, and crucially, mandatory pixel-perfect UI/UX validation. Use this for complex projects demanding both robust code and flawless visual presentation.

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.

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).

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.

A comprehensive guide for setting up Continuous Integration and Continuous Deployment (CI/CD) workflows for Obsidian plugins using GitHub Actions. This setup automates critical tasks like build validation on every push, manifest consistency checks, version number bumping, and structured GitHub releases, ensuring robust and reliable plugin deployment lifecycles.

Master the art of building complex, production-grade user interfaces for Obsidian plugins. This guide covers implementing custom sidebar views (ItemView), interactive modal dialogs (for forms and confirmations), context menus, status bar widgets, and advanced editor commands. Learn how to interact with the Obsidian Vault API for file manipulation, significantly enhancing your plugin's functionality and user experience.

This comprehensive guide provides a step-by-step workflow for establishing a professional Obsidian plugin development environment. It covers cloning the official sample, installing necessary dependencies (Node.js, TypeScript, esbuild), configuring essential project metadata (`manifest.json`, `versions.json`), and setting up a symlinked development vault for seamless testing and building.

This guide establishes a comprehensive and rapid development loop for Obsidian plugins. It covers the entire workflow, from setup (cloning templates, symlinking) to advanced features, including running esbuild in watch mode, achieving hot-reloading (via Ctrl+R or automatic methods), deep debugging with Chrome DevTools, and running unit tests with vitest. Essential for developers seeking fast feedback and reliable plugin iteration.