Frontend skills

This skill helps you choose SwiftUI architecture patterns and explain when to use MV, MVVM, and @Observable for scalable apps.

This skill helps you implement OnboardJS in React projects to build multi-step onboarding with flow, persistence, and conditional navigation.

This skill analyzes LadakhRide UI to feel human-made, suggests subtle improvements in spacing, animation, and storytelling for authentic, professional design.

This skill analyzes component and page accessibility checks for semantic HTML, keyboard access, ARIA, focus, and contrast to improve user experience.

This skill applies react-use hooks to build concise, maintainable React features, mapping requirements to optimal hooks for readability, performance, and reuse.

This skill guides you to integrate Widget Studio SDK across HTML, React, Next.js, Shopify, and WordPress, ensuring correct site key usage and safe loading.

This skill helps you design thin, validated Next.js App Router route handlers with standardized JSON responses and proper status codes.

This skill guides you to write maintainable, performant CSS across frameworks using design tokens, methodologies like BEM, CSS modules, and utility classes.

This skill helps you implement React 19 features in .tsx/.jsx with the compiler-driven patterns, improving component structure and performance.

This skill creates polished PowerPoint presentations by transforming HTML slides into PPTX and optionally generating AI images with Nano Banana.

This skill helps you implement interactive map features with Maplibre/Mapbox, including markers, layers, popups, and geospatial visualizations in Composable

This skill helps you implement Angular Material 19 theming, timepicker, CDK drag-drop, and dark mode to build cohesive, accessible UIs.

This skill guides you to bootstrap and wire frontend dynamic plugins for Red Hat Developer Hub, delivering UI pages, routes, and theme integrations.

This skill analyzes reference websites to reproduce Split Lease visual design across public pages, preserving content while applying matched styling.

This skill generates comprehensive React component tests (Vitest + RTL) for a specified UI component, covering rendering, interactions, accessibility, and edge

This skill analyzes requirements and delivers actionable implementation plans for complex features and refactors, including risks, dependencies, and phased

This skill helps you understand the Black Tortoise codebase structure, locate implementations, and read source files across a large TypeScript project.

This skill helps you optimize mobile UI for responsive layouts, safe areas, touch targets, and typography across iPhone models.

This skill evaluates and enhances Aurora form UX by reordering fields, refining flow, and applying usability best practices.

This skill helps you craft production-grade frontend interfaces with bold, memorable aesthetics across components, dashboards, and pages.

This skill routes UI tasks to specialized external skills based on project needs, optimizing design, code quality, and frontend outcomes.