Skill UI

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 an expert dependency manager, specializing in planning and executing safe, incremental upgrades for project dependencies. It provides comprehensive risk assessment, compatibility analysis, step-by-step migration guides, and robust testing/rollback plans to ensure system stability during major framework updates.

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.

Automates Fraudlabs Pro workflows through Rube MCP/Composio, guiding you to discover current schemas, validate toolkit connections, and run schema-compliant multi-tool executions safely in each session.

Guides teams through engineering-as-marketing plans for free tools that generate leads, uplift SEO, and boost brand awareness, covering assessment, ideation, MVP scope, lead capture, SEO, build-vs-buy, and evaluation.

Automates Freshdesk helpdesk operations through the Rube MCP Composio toolkit, covering ticket creation, updates, searches, replies, notes, and contact/company management while guiding users to fetch current schemas before running workflows.

Provides structured guidance for distinctive, intentional visual design of frontend interfaces. Helps break generic AI-style patterns by grounding choices in subject matter, typography, and visual structure. Useful for designers and developers building new UI or reshaping existing interfaces with a unique aesthetic direction.

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.

Guides React Server Components workflows, streaming SSR, code splitting, bundle/image/font optimizations, and Core Web Vitals monitoring to keep Next.js frontends fast and responsive.

An expert skill dedicated to building secure, robust frontend applications. It specializes in preventing client-side vulnerabilities such as XSS and clickjacking. Core capabilities include safe DOM manipulation, implementing Content Security Policy (CSP), advanced input sanitization (allowlisting), and securing complex interactions like secure redirects and session management.

This comprehensive workflow guides the entire lifecycle of building a complex full-stack feature, from initial architectural design to final integration testing. It enforces an API-first approach, ensuring that the database schema, backend services, and frontend components are developed cohesively, promoting scalability, testability, and adherence to modern industry best practices.

Automate Fullenrich workflows through Composio’s Rube MCP integrations by discovering current tool schemas, managing toolkit connections, and executing schema-compliant calls with memory-aware sessions.