Skill UI

A practical, jargon-free guide to applying functional programming principles using the fp-ts library in TypeScript. It teaches essential patterns like `pipe`, `Option`, `Either`, and `flatMap` to handle null checks, errors, and complex data transformations in a clean, maintainable, and robustly functional way. Ideal for developers looking to refactor imperative code.

Learn practical, type-safe patterns for building complex React applications using fp-ts. This guide covers key functional programming concepts like handling optional values (Option), managing failure states (Either), and structuring data fetching and forms, ensuring your code is predictable and robust for React 18/19 and Next.js 14/15.

This skill acts as a specialized expert for transitioning codebases across various frameworks, languages, versions, and platforms. It generates detailed migration plans, automated migration scripts, comprehensive risk assessments, and rollback strategies. Use it when upgrading technology stacks or moving code between disparate systems to ensure minimal disruption and maintain core functionality.

This structured workflow guides the systematic, low-risk modernization of legacy systems using the Strangler Fig pattern. It provides a phased approach, starting with comprehensive assessment (risk, dependency mapping), establishing robust test coverage (contract testing, data management), and implementing incremental migration infrastructure (API gateways, feature flags) to ensure continuous business operation during the transition.

Automate Freshservice ITSM workflows via Rube MCP and Composio toolkits, covering ticket search, creation, bulk updates, service requests, and email-triggered tickets while retrieving current schemas before each call.

Frontend Blueprint is an AI design consultant that structures discovery before coding, asking targeted questions, collecting references, and validating direction to deliver pixel-faithful UI components only when the context is clear.

This comprehensive guide establishes strict architectural and performance standards for senior frontend engineers working with React, TypeScript, and Suspense. It dictates best practices for component design, feature implementation, data fetching (useSuspenseQuery), and code structure (feature-based organization). Use this when building any new component, feature, or handling data mutation to ensure the resulting application is scalable, predictable, and maintainable.

Mastery of modern frontend development using React 19+ and Next.js 15. This skill covers building scalable, high-performance user interfaces, managing complex client-server state, implementing advanced features like Server Components (RSC), and ensuring WCAG accessibility compliance. Ideal for architecting full-stack web applications and optimizing Core Web Vitals.

This expert specializes in scaffolding complete, production-ready, accessible, and performant React and React Native components. It generates full boilerplate code including TypeScript definitions, unit tests, styles (CSS Modules, Styled-Components, Tailwind), and accessibility hooks, ensuring adherence to modern best practices for scalable frontend architecture.

This skill acts as a comprehensive security scanner specializing in detecting Cross-Site Scripting (XSS) vulnerabilities in client-side code. It performs static analysis across React, Vue, Angular, and vanilla JavaScript, specifically identifying unsafe practices like direct HTML manipulation (innerHTML), raw rendering (v-html), and insecure URL handling. Use it when auditing frontend code for security flaws and needing best practices for secure coding.

Frontend Patterns documents modern React and Next.js UI best practices, covering component composition, compound components, render-props, reusable hooks, and context-reducer state management to build performant interfaces.

A modern, dark-themed UI component library built with React, Tailwind CSS, and Framer Motion. It provides a comprehensive set of components and styles ideal for developing professional dashboards, admin panels, and data-rich applications. Features include advanced glassmorphism effects and tasteful, smooth animations to enhance user experience.