Frontend skills

This skill helps you create modern Angular standalone components using v20+ best practices, enabling signal-based inputs/outputs, OnPush, host bindings, and

This skill helps Angular developers implement server-side rendering, hydration, and prerendering with v20+ so apps load faster and are SEO-friendly.

This skill helps Angular developers implement and configure dependency injection with inject(), providers, and tokens to manage service lifetimes and

This skill helps Angular developers adopt signals for reactive state management, enabling writable, derived, and dependent state with effects.

This skill helps Angular developers implement routing v20+ with lazy loading, guards, resolvers, and signal-based parameters for robust navigation.

This skill helps you build and validate signal-based Angular forms with automatic binding and dynamic fields using the Signal Forms API.

This skill helps Angular developers fetch data with signal-based resources and HttpClient, handling loading, errors, and interceptors efficiently.

This skill helps Angular developers create reusable directives for DOM manipulation, behavior extension, and composition across components.

This skill helps you implement Tailwind CSS development patterns for mobile-first, responsive layouts, design tokens, and component reuse to speed up UI work.

This skill guides you through setting up shadcn/ui, installing components, and building accessible, Tailwind-styled React UI patterns.

This skill helps you leverage React 19 patterns including Server Components, Actions, use(), and concurrent features to build scalable, high-performance

This skill helps you scaffold and configure an Expo React Native app with RevenueCat paywall, AdMob banners, i18n localization, onboarding, and NativeTabs

This skill helps you design and implement storefront features across pages, integrating best practices for UX, accessibility, and SEO to boost conversions.

This skill helps you create Framer Code Components and Overrides, enabling advanced React customization, property controls, and robust hydration-safe patterns.

This skill helps you design and build end-to-end applications by integrating front-end interfaces with back-end services and databases.

This skill detects TypeScript configuration and available compile commands, returning a structured summary for the quality-gates-compilation agent.

This skill identifies dead code, unused imports, and backward compatibility shims to improve maintainability and code health across projects.

This skill helps you create programmatic videos using Remotion with React components, delivering data-driven visuals, subtitles, and AI voiceover integration.

This skill helps you build Android UIs with Jetpack Compose by managing state and declarative patterns for responsive, reusable components.

This skill describes Atomic Design fundamentals, quarks, atoms, molecules, organisms, templates, pages and how to structure scalable design systems.

This skill converts Figma frames into production-ready React, Vue, or HTML/CSS components using MCP mappings and design tokens.