Frontend Development (1062 — page 18)

🎨 Webf Infinite Scrolling

This skill enables building high-performance infinite scrolling lists with pull-to-refresh and load-more using WebFListView for smooth 60fps UI.

frontendperformancedebugging

🎨 Webf Native Ui

This skill helps you accelerate iOS-style UI development by leveraging WebF Cupertino components for native Flutter performance and seamless React or Vue

frontenddesignperformanceux

🎨 Webf Native Ui Dev

This skill helps you build native UI libraries for WebF by wrapping Flutter widgets into web elements with React and Vue support.

frontenduxapi

🎨 Webflow Browser Api

This skill helps you manage consent, track experiments, and personalize user experiences on Webflow using the Browser API.

analyticsfrontendapijavascript

🎨 Webflow Code Components

This skill helps you build, define, and import Webflow React code components using DevLink for seamless canvas integration.

reactfrontenddebuggingpython

🎨 Webflow Designer Api

This skill helps you work with the Webflow Designer API, guiding you through Designer Extensions or Playground workflows for rapid prototyping.

apifrontenddesignscripting

🎨 Websearch

This skill helps you fetch up-to-date facts and external docs by querying the web with the Exa-backed websearch tool.

airesearchapidata

🎨 Websh

This skill lets you navigate the web like a filesystem, running shell commands on cached pages for instant, offline-like content extraction.

automationscriptingclifrontend

🎨 Wechat Article

Convert Markdown articles to WeChat Official Account compatible HTML format. Use when users need to convert Markdown files to WeChat articles, apply themed styling for WeChat formatting, generate inline CSS HTML compatible with WeChat editor, process technical articles with code blocks and tables fo

freeanyfrontend

🎨 Wechat Article Formatter

This skill converts Markdown into beautified HTML optimized for WeChat public account publishing, applying AI-tech theme styles, code highlighting, and

frontendautomationscriptingwriting

🎨 Wechat Article Formatter Skill

This skill formats markdown into WeChat-ready HTML using custom CSS and automatic image uploads for seamless WeChat articles.

frontendapiautomationcontent

🎨 Wechat Miniprogram Skill

This skill helps you optimize WeChat Mini Program native JS apps for performance, code size, and native compatibility.

performancedebuggingcode-reviewrefactor

🎨 Widget Design

This skill guides designing robust UI widgets for GPT and MCP apps, choosing React or template literals, and ensuring reliable rendering.

frontenddesignuxdebugging

🎨 Wiki Vitepress

This skill packages wiki Markdown into a VitePress site with dark theme, Mermaid diagrams, and production output for browsable pages.

docsfrontendautomationci-cd

🎨 Wix Cli Site Component

Use when building React site components with editor manifests for Wix CLI applications.

wixfrontend

🎨 Woltz React Rich Domain

React hooks and components for @woltz/rich-domain. Use when building frontend UIs with DataTable, Kanban, Timeline, or Criteria-based filtering.

tarcisioandradefrontend

🎨 Workleap Squide

Squide is a React modular application shell for Workleap web applications. Use this skill when: (1) Creating or modifying Squide host applications or modules (2) Registering routes, navigation items, or MSW request handlers (3) Working with FireflyRuntime, initializeFirefly, or AppRouter (4) Setting

workleapfrontend

🎨 Workleap Telemetry

This skill guides integration of wl-telemetry to unify Honeycomb, LogRocket, and Mixpanel with consistent correlation IDs for end-to-end tracing.

frontendanalyticsobservabilitydebugging

🎨 Workleap Telemetry V2

This skill helps frontend developers initialize wl-telemetry, correlate telemetry IDs across Honeycomb LogRocket and Mixpanel, and troubleshoot unified

frontendanalyticsdebuggingobservability

🎨 Workleap Web Configs

This skill helps you adopt Workleap's shared web configs for ESLint, TypeScript, Rsbuild, and Browserslist to accelerate consistent frontend tooling.

typescriptlintingfrontend

🎨 Wpds

This skill helps you build WordPress UI components aligned with WPDS tokens and patterns, leveraging the MCP server for authoritative docs.

frontenddesignuxaccessibility

🎨 Wraps Email

TypeScript SDK for AWS SES with automatic credential resolution, React.email support, and template management.

wraps-teamfrontend

🎨 X Image Cards

This skill helps you generate X/Twitter cards as images with 2x resolution, safe margins, and explicit PNG URLs to boost shareability.

frontendsocial-mediabrandingux

🎨 X Og Image Generator

This skill helps you generate and optimize Open Graph images for social sharing with dynamic and pre-generated patterns, boosting crawler compatibility.

nextjsperformancesocial-mediaseo

🎨 Xr

This skill enables immersive XR interactions by handling hand tracking, controllers, AR mesh, and haptic feedback for VR and WebXR applications.

frontendaidesignux

🎨 Yasb

This skill helps you configure and customize YASB status bar by guiding YAML setup, CSS styling, and keyboard bindings for widgets.

pythonclidebugging

🎨 Yasb Docs

This skill helps you configure YASB status bar on Windows by guiding CSS styling, widgets, keybindings, and CLI management.

pythonclidocs

🎨 Zdev Skill

This skill helps you manage isolated development environments with git worktrees, automatic ports, and preview URLs for feature work.

devopsfrontendgitautomation

🎨 Zod V4

Expert guidance for Zod v4 schema validation in TypeScript. Use when designing schemas, migrating from Zod 3, handling validation errors, generating JSON Schema/OpenAPI, using codecs/transforms, or integrating with React Hook Form, tRPC, Hono, or Next.js. Covers all Zod v4 APIs including top-level s

bjornmelinfrontend

🎨 Zustand

This skill guides Zustand state management for store code, actions, and slices, improving state reliability and developer productivity.

frontendproductivityrefactordesign

🎨 Zustand State Management

Build type-safe global state in React with Zustand. Supports TypeScript, persist middleware, devtools, slices pattern, and Next.js SSR with hydration handling. Prevents 6 documented errors. Use when setting up React state, migrating from Redux/Context, or troubleshooting hydration errors, TypeScript

sovranbitcoinfrontend

🎨 Zustand Store

Zustand state management for React applications with TypeScript. Use for creating stores, managing global state, persistence, and computed values. Triggers on requests for state management, global state, stores, Zustand patterns, or data persistence with localStorage.

ibuttersfrontend

♿ Accessibility Expert

WCAG compliance, screen reader support, keyboard navigation, and inclusive design

a11ywcagariascreen-reader

📧 Email Developer

Build responsive HTML emails that render correctly across all clients and devices

emailhtml-emailresponsivemjml

🎨 Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality

htmlcssuiresponsive

▲ Next.js Expert

Next.js App Router, Server Components, data fetching, and deployment patterns

nextjsapp-routerserver-componentsvercel

⚡ Performance Optimizer

Web performance, Core Web Vitals, bundle optimization, and profiling

performancecore-web-vitalslighthousebundle-size

⚛️ React Expert

Modern React patterns, hooks, Server Components, and performance optimization

reacthooksserver-componentsnextjs

🔥 Svelte Expert

Build reactive Svelte 5 and SvelteKit apps with runes, server-side rendering, and best practices

sveltesveltekitrunesssr

🎐 Tailwind CSS Expert

Modern Tailwind CSS patterns, responsive design, and component styling

tailwindcssresponsivedesign-system

🔷 TypeScript Expert

Advanced TypeScript patterns, type safety, generics, and type-level programming

typescripttypesgenericstype-safety

💚 Vue Expert

Build modern Vue 3 apps with Composition API, Pinia, and Nuxt best practices

vuevue3nuxtpinia