Skill UI

A comprehensive guide for profiling, analyzing, and optimizing Python code. It addresses identifying performance bottlenecks related to CPU usage, excessive memory consumption, I/O operations, and slow data processing. Use this skill to improve application speed and efficiency in production environments.

This comprehensive guide provides robust strategies for testing Python code using industry best practices. It covers essential techniques like pytest, fixtures, mocking, parameterization, and implementing Test-Driven Development (TDD). Use this skill when writing unit tests, setting up complex test suites, performing integration testing, or establishing continuous testing infrastructure in CI/CD pipelines.

Generate production-quality React components and UIs using the specialized Rayden UI component library and Tailwind CSS. This skill ensures that all generated code strictly adheres to a defined design system, including correct component usage, design tokens, prop validation, and established layout patterns. Ideal for scaffolding complex pages like dashboards, login forms, and data tables while maintaining premium aesthetics and consistency.

This critical protocol is the ultimate measure for dealing with deeply corrupted, unmaintainable, or structurally rotten code modules. Instead of risky patching, it mandates a controlled, multi-phase process to completely delete the target and rebuild it from scratch. It ensures precise identification of all public interfaces, implicit contracts, and working behaviors (the Preservation List) before any removal occurs, guaranteeing the new implementation matches the original functionality while resolving deep architectural debt.

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

Search and retrieve Remotion documentation using Algolia API and Markdown URLs. Helps developers find accurate API references and implementation guides for video creation tasks without memorizing details. Supports workflow for discovering current docs and fetching source code.

This skill audits and repairs repository hygiene across artifacts, dependencies, CI, docs, Git state, and code-quality signals. It is used for repository maintenance, cleanup, health checks, or pre-release hardening. It ensures repository health through authorized repairs and protected workflows, validating changes before publishing via pull requests to maintain security and stability.

This skill helps developers resolve conflicts during Git merge or rebase operations. It guides users to check the current state, identify primary sources of changes, and resolve each conflict hunks while preserving intent. It emphasizes running automated checks like type checking and tests before finalizing the merge. This ensures code integrity and prevents breaking changes in the project.

A comprehensive style guide and implementation toolkit for achieving authentic vintage aesthetics, inspired by 60s-80s retro design. It covers core principles like warm, muted color palettes, subtle noise textures, and classic typography pairings. Provides detailed code examples for Web (CSS), iOS (SwiftUI), and Android (Flutter) to recreate the analog, nostalgic feel in modern applications.

A comprehensive style guide and implementation reference for the Retro Futurism aesthetic. Perfect for designing interfaces that evoke the 1950s and 1960s space age, atompunk, or mid-century modern vibes. It outlines core principles, color palettes, typography, and provides cross-platform code examples (CSS, SwiftUI, Flutter, React Native) to achieve sleek, aerodynamic, chrome finishes.

This skill reviews git diffs or specific file scopes for code reuse, quality, efficiency, clarity, and standards compliance. It optionally applies safe, behavior-preserving fixes. It uses parallel read-only sub-agents to inspect code while the main agent applies changes. Suitable for auditing changes, simplifying code, or refactoring.