Skill UI

Guides use of the Figma MCP server to pull design context, screenshots, variables, and assets, then convert nodes into production-ready code following project conventions and validation steps.

Implements user-provided Figma nodes into production-ready code via the MCP workflow, ensuring design-token compliance, asset handling, and 1:1 visual fidelity for agreed UI components.

Automates flame graph generation during performance testing, guiding users through best practices, sample code, and validation for load, stress, and benchmarking workflows.

Defines a senior frontend engineer workflow emphasizing Suspense-first data fetching, feature-based organization, strict TypeScript, and performance-safe defaults for building scalable React components, pages, and features while reviewing or refactoring code.

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.

Automates Gatling scenario creation for performance testing, offering guidance, production-ready code, validations and best-practice patterns for load, stress, and benchmarking workflows.

This skill orchestrates a comprehensive, multi-stage Git development workflow, simulating the process from code commit to PR preparation. It leverages specialized AI agents (code reviewers, test automators, prompt engineers) to systematically enforce best practices. Key functions include code quality assessment, breaking change analysis, running unit/integration/E2E tests, and generating Conventional Commit messages, ensuring code readiness and high quality before merging.

This skill acts as a PR optimization expert, designed to help users create high-quality pull requests. It generates comprehensive descriptions, automates review processes, and ensures adherence to best practices regarding clarity, documentation, and test coverage. It streamlines the entire code review lifecycle.

Automated DevOps helper for Git workflow manager tasks, triggering on mentions to offer best practices, code and configuration generation, and validation across version control, containerization, CI/CD, and foundational infrastructure topics.

Automates guidance for GitHub issue creation within enterprise workflows, offering best practices, validations, and code/config generation whenever the GitHub issue creator intent is detected.

Automates Google Maps workflows via the Rube MCP (Composio) toolkit, letting you geocode addresses, search places, fetch directions, compute route matrices, and pull place details or autocomplete data while respecting live tool schemas.