Skill UI

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.

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 skill automates the entire software development process overnight. By leveraging mandatory Git hooks, it strictly enforces Test-Driven Development (TDD). Use this when complex features need building, large codebases need refactoring, or bugs need fixing autonomously, guaranteeing that every commit passes rigorous testing cycles and meets high production-ready standards.

This skill provides a rigorous framework for tackling complex software development tasks. It guides users to break down large features, refactoring efforts, or bug fixes into small, actionable, and independently verifiable steps. By focusing on clear outcomes, dependencies, and specific verification criteria, it ensures that the implementation process is structured, manageable, and traceable from start to finish.

A comprehensive optimization guide maintained by Vercel, covering 45 rules for React and Next.js. Use this resource when building new components, implementing complex data fetching (client or server-side), refactoring code, or systematically improving bundle size and overall load times for high-performance web applications.

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.

This skill guides developers through modernizing React applications. It covers migrating from class components to functional components using hooks, upgrading React versions, adopting concurrent features (like Suspense), and applying automated refactoring techniques using codemods. It is essential for maintaining high-performance, modern React codebases and integrating TypeScript.

This skill simulates an autonomous, overnight development cycle by leveraging Git hooks to enforce Test-Driven Development (TDD). It ensures that all code changes, whether building new features, refactoring, or fixing bugs, are rigorously tested and meet high quality standards before commitment. Use this when high code reliability and comprehensive testing are critical requirements.

Guidance for Spring Boot TDD covering JUnit 5, Mockito, MockMvc, Testcontainers, JaCoCo and coverage enforcement, ideal for adding endpoints, fixing bugs, or refactoring with high confidence.

An expert skill designed for writing, reviewing, and refactoring SwiftUI code for iOS and macOS. It provides deep insights into modern state management (@Observable), optimizing view composition, handling data flow, and improving performance. The skill also assists with interpreting Instruments traces and adhering to Apple's latest Human Interface Guidelines.

A detailed, multi-phase workflow that strictly enforces the Test-Driven Development (TDD) discipline using the Red-Green-Refactor cycle. This guide covers the entire software development lifecycle, from test specification and architecture design to minimal implementation, rigorous refactoring, and comprehensive integration testing. It mandates high code and test coverage (e.g., 80% line coverage) to ensure robust, maintainable, and high-quality production code.

This skill guides developers through the 'Green' phase of Test-Driven Development (TDD). It focuses on implementing the absolute minimum code required to satisfy failing tests, allowing the system to pass tests quickly. It is ideal for initial scaffolding and proving functionality, delaying complex design decisions until the refactoring phase.