Skill UI

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.

Frontend Slides Designer generates zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint decks, ensuring viewport-fitted slides with distinctive aesthetics for pitch decks, tutorials, or showcases.

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.

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.

This skill guides the development of robust, security-focused full-stack web applications. It ensures layered security coverage across the entire application stack, from database queries (parameterized queries) to API endpoints (authentication/authorization) and frontend components (input validation, output encoding). Use this when building end-to-end features, microservices, or REST APIs that require simultaneous attention to Frontend, Backend, and Security best practices.

This document provides the enterprise reference architecture for deploying Guidewire InsuranceSuite Cloud. It details the integration flow from the Jutro Frontend through the Cloud API Gateway to core modules like PolicyCenter, ClaimCenter, and BillingCenter. It guides users on the overall system structure, data warehousing via DataHub, and analytics using Explore.

Automated assistant for frontend image optimization walks you through best practices, generates production-ready code and config, and validates results whenever you ask about image optimization patterns or helper workflows.

Guides frontend developers through keyboard navigation testing, offering best-practice advice, code snippets, and automated validation for accessibility, frameworks, and performance.

Automates frontend lazy-loading workflows by guiding best practices, generating React/Vue-ready code, and validating production configurations for accessible, high-performance web apps.

Automatically generates robust, schema-compliant mock API servers directly from OpenAPI specifications. This tool supports advanced testing features, including stateful CRUD operations, Faker-driven dynamic data generation, configurable latency simulation, and detailed request recording for contract testing. Ideal for frontend parallel development and isolated integration testing.

Automates Open Graph metadata guidance for frontend workflows, offering best practices, React/Vue/CSS tips, and ready-to-apply code.

Provides a structured workflow to analyze and improve application performance across frontend, backend, and database layers, including profiling, bottleneck identification, optimization tactics, and validation steps.