Skill UI

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.

This skill guides the development of advanced voice agents, representing the frontier of natural human-AI interaction. It covers both low-latency Speech-to-Speech (S2S) architectures (like OpenAI Realtime API) and fully controllable STT→LLM→TTS pipelines. Key focus areas include minimizing end-to-end latency (targeting <800ms), handling conversational nuances, background noise, and managing interruptions for applications like customer support, IVR, and live translation.

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.

A powerful tool for creating professional, animation-rich, and zero-dependency HTML presentations. It supports generating pitch decks, workshop materials, or internal talks from scratch, or converting existing .ppt/.pptx files. The system ensures mandatory viewport fitting, responsiveness across all devices, and includes advanced features like keyboard/touch navigation and reveal animations, resulting in production-quality, modern web presentations.