Frontend skills

This skill helps you generate code after validating requirements and aligning with project patterns, ensuring minimal, reliable implementations.

This skill detects frontend frameworks by analyzing global variables, DOM attributes, bundle patterns, and source maps to reveal technologies.

This skill coordinates specialized agents to identify and validate XSS, injection, CSRF, and other web vulnerabilities across modern apps.

This skill analyzes HTML to extract technology signals from meta tags, comments, script patterns, and structured data for security research.

This skill infers frontend technologies by analyzing signals from JavaScript, HTML, and CSS to identify frameworks and UI patterns.

This skill extracts technology requirements from job postings and career pages to reveal a company's tech stack for targeted talent insights.

This skill helps you apply runtime-env with Vite by distinguishing build-time and runtime variables, ensuring safe migration and correct configuration.

This skill enables fast browser automation and visual regression testing with Playwright MCP to validate UI consistency across browsers.

This skill helps you master Vue.js development using Composition API, reactivity, components, directives, and modern Vue 3 patterns.

This skill helps you apply UI design patterns, accessibility practices, and design systems to create usable, responsive interfaces across platforms.

This skill generates Open Graph images aligned with your design system and configures meta tags to optimize social sharing.

This skill helps you design and implement modern Next.js apps using App Router, Server Components, data fetching, routing, middleware, and full-stack patterns.

This skill helps you design mobile-first responsive layouts using flexbox, grid, fluid typography, and responsive images for accessible, performant interfaces.

This skill guides building visionOS SwiftUI scenes with RealityKit content, helping you choose between SwiftUI and RealityKit APIs and bridging them

This skill helps you build and optimize React apps with hooks, components, state management, and performance tips from official documentation.

This skill guides building modern Svelte applications with reactive runes, components, stores, and lifecycle patterns to deliver fast, lightweight UIs.

This skill accelerates software development by integrating Linear project management with MCP server, enabling rapid setup, intelligent issue tracking, and

This skill helps you build CSP-compatible Alpine.js components for Hyvä themes, enabling secure interactivity under strict Content Security Policy.

This skill lists all Hyvä theme paths in a Magento 2 project by detecting themes with web/tailwind/package.json and theme.xml.

This skill generates responsive picture elements for Hyva templates using the Media view model to optimize images and improve LCP.

This skill helps you create Hyvä CMS custom field types and handlers for tailored editor experiences in Magento 2 components.