Skill UI

Automate Teltel operations through Composio’s Teltel toolkit via Rube MCP, highlighting upfront tool discovery, connection verification, schema-aligned arguments, and coordinated multi-tool execution within each workflow.

Tracks and optimizes application response times using the response-time-tracker plugin, covering API endpoints, database queries, external calls, frontend rendering, and background jobs to highlight bottlenecks or SLO breaches.

Step-by-step guidance for automating V0 operations through Composio’s Rube MCP, stressing up-front `RUBE_SEARCH_TOOLS` discovery, connection checks, schema compliance, and multi-tool execution with proper session reuse.

This comprehensive guide helps developers select and implement optimal Vercel architecture blueprints based on project scale and complexity. It covers five validated patterns, ranging from simple static JAMstack sites and robust full-stack SaaS applications, to advanced multi-zone micro-frontend enterprise deployments. Use this resource when planning new deployments, optimizing scaling strategies, or structuring complex monorepos.

This guide details how to set up a full local development loop for applications deployed to Vercel. It covers using `vercel dev` to emulate serverless functions, managing environment variables, and implementing hot reloading. It provides step-by-step instructions for local testing of API routes and frontends, ensuring a fast and accurate iteration cycle before production deployment.

Guides frontend developers through generating Vue components, offering best-practice patterns, production-ready code, and validation for accessibility and performance.

Automates guidance for frontend teams to monitor and optimize Web Vitals, offering best practices, code samples, and validation flows aligned with React, Vue, and accessibility standards.

Guides writing Hookify rules that watch commands, files, prompts, or stop events, using YAML frontmatter to define patterns, actions, and messages for enforcing safety checks or reminders.

Guides developers through generating Zustand stores, offering best practices, validation, and production-ready configurations for modern frontends.

This guide outlines best practices for creating robust and optimized Zustand stores in TypeScript. It covers fundamental patterns, such as separating state and actions, utilizing `subscribeWithSelector` middleware, and implementing individual selectors to prevent unnecessary re-renders. Essential for building scalable, high-performance frontend applications with React.

This tool provides a comprehensive workflow for generating powerful, self-contained frontend artifacts for AI platforms. It initializes a React/TypeScript project using Vite and Tailwind CSS, allowing developers to build complex UIs. The core function is bundling the entire application into a single, shareable HTML file, making it easily viewable within AI conversations.

Python framework for multi-objective optimization, offering NSGA-II/III, MOEA/D, benchmark suites, customizable operators, and visualization to help engineering teams explore Pareto fronts and make multi-criteria decisions.