Skill UI

This skill performs a comprehensive security audit of Model Context Protocol (MCP) server configurations found in .mcp.json files. It is designed to identify critical vulnerabilities, including hardcoded secrets (API keys, tokens), dangerous shell injection patterns, unpinned dependencies, and compliance issues regarding approved server lists. Use this skill during security reviews, project onboarding, or pre-commit checks to ensure secure deployment.

This library provides a complete and verified set of grep command patterns designed for auditing existing React codebases. It is essential for developers preparing for major React upgrades, specifically migration audits for React 18.3.1 or React 19. It detects deprecated APIs, removed features, unsafe lifecycle methods, batching vulnerabilities, and dependency conflicts, ensuring a smooth transition.

Catalogs 42 cloud-agnostic design patterns that architects can apply when designing, reviewing, or operating distributed systems to boost reliability, performance, messaging, security, and deployment outcomes.

Guides architects through Dataverse SDK use cases by analyzing requirements, designing data models, selecting integration patterns, and producing production-ready Python code with best practices.

This guide provides proven architectural patterns for building complex, reliable, and scalable workflows using n8n. It covers core patterns like Webhook processing, HTTP API integration, database synchronization, AI agent design, and scheduled tasks. Learn how to select the right pattern and utilize advanced components for robust automation.

Analyzes PostgreSQL snippets or entire projects to flag anti-patterns, enforce best practices, optimize JSONB/array usage, schema design, custom types, triggers, extensions, and security policies like RLS.

This skill provides comprehensive guidelines and techniques for safe code refactoring. It focuses on improving code structure, readability, and maintainability without altering the external behavior or functionality of the system. Learn to address common code smells, such as long methods, duplicated logic, god objects, and primitive obsession, using established design patterns and best practices. It emphasizes that refactoring should be gradual, test-driven, and methodical.

This skill helps developers create structured, reusable UI layout patterns (such as grids, card sections, forms, and data lists) by composing existing primitives from a design system (StyleSeed). It is ideal for developing consistent, repeatable components across multiple pages, ensuring the design remains cohesive and scalable rather than using ad-hoc markup. Focuses on best practices for component architecture and dynamic data integration.

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 skill provides actionable strategies and code patterns to significantly reduce Anima API costs. It focuses on optimizing usage through generation caching, detecting component changes for incremental generation, and implementing smart policies to minimize unnecessary API calls. Ideal for managing large-scale design-to-code workflows and controlling API budget.

A comprehensive, production-grade reference architecture for integrating with BambooHR HR data. It covers core patterns like real-time employee synchronization, scheduled data pipelines, and event-driven webhook handling. Use this when designing complex HR systems, building robust integrations, or establishing architectural standards for BambooHR-powered applications.

A comprehensive guide detailing three validated architectural patterns (Monolith, Service Layer, Microservice) for integrating with the Canva Connect API. This blueprint helps developers choose the optimal structure—from simple MVPs to complex enterprise systems—by addressing concerns like token management, asynchronous exports, rate limiting, and scaling strategies.