Frontend Development (1064 — page 14)

🎨 Remotion

This skill generates Remotion walkthrough videos from Stitch screens, applying smooth transitions, zoom effects, and contextual text overlays for engaging

reacttypescriptdesignfrontend

🎨 Remotion

Best practices for Remotion - Video creation in React. Includes Launchpad monorepo components and CUA integration.

vapvarunfrontend

🎨 Remotion

This skill helps you apply Remption best practices to build maintainable, high-quality video projects with React and TypeScript.

reacttypescriptfrontendperformance

🎨 Remotion Best Practices

This skill helps you implement Remotion best practices across animations, assets, compositions, and timing for high-quality video projects.

reacttypescriptfrontenddesign

🎨 Remotion Best Practices Zh

This skill helps you apply Remotion best practices in Chinese, guiding composition, timing, assets, captions, and transitions for polished videos.

remixtypescriptfrontenddocs

🎨 Remotion Editor Skill

This skill guides building Remotion-based video editors, covering timeline math, state management, AI integration, and performance optimizations for 60fps

frontendreactperformanceai

🎨 Remotion Expert

This skill enables programmatic, frame-precise Remotion video generation with AI-driven workflows and dynamic data for high-fidelity 2026 productions.

aiautomationfrontendperformance

🎨 Remotion Render

This skill renders Remotion TSX code into MP4 videos via inference.sh, enabling automated, programmable video generation from React components.

reactcliautomationscripting

🎨 Remotion Spline

This skill generates and animates smooth spline paths in Remotion using linear and Catmull-Rom splines for SVG paths.

frontendreacttypescriptperformance

🎨 Remotion Video Creator

This skill helps you create animated videos with Remotion by turning UI concepts into TSX scenes, complete with transitions and exports.

frontenddesignuxautomation

🎨 Remotion Video Toolkit

This skill helps you generate production-ready Remotion videos by composing React components, animations, and data-driven rendering pipelines.

reactfrontendcloudautomation

🎨 Rendering Rsc

This skill helps you maximize SEO and minimize rendering flicker by favoring server components and strategic hydration safeguards.

frontendperformanceseoanalytics

🎨 Repomix Reference Black Tortoise

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

code-reviewdebuggingdocsbackend

🎨 Research

This skill orchestrates parallel intelligence gathering across codebase, history, and web sources to produce a structured research task file.

researchfrontenddocsai

🎨 Responsive Web Design

This skill helps you design responsive web interfaces with mobile-first CSS, flexible grids, and fluid typography across devices.

frontenduxdesignaccessibility

🎨 Review Docs

This skill reviews and improves documentation through parallel evaluation and iterative fixes, enhancing accuracy, readability, and completeness for technical

docswritingcontentcode-review

🎨 Rhdh Context

This skill provides essential context on Red Hat Developer Hub, its relation to Backstage, and how to develop and deploy RHDH plugins.

backendfrontenddocskubernetes

🎨 Rhdh Frontend Dynamic Plugin

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

frontenduxdesignproductivity

🎨 Rive React

Trigger when: (1) Using @rive-app/react-canvas or @rive-app/react-webgl, (2) Using useRive hook or RiveComponent, (3) Building React components with Rive animations, (4) User mentions "Rive React" or "useRive", (5) Implementing scroll-based or parallax animations with Rive. Best practices for integr

stevysmithfrontend

🎨 Rive Skills

This skill helps you integrate and control Rive animations in React/Next.js apps, write Luau scripts, and drive state machines for interactive graphics.

frontendapidebuggingdata

🎨 Rive Web

Trigger when: (1) Loading or embedding .riv files on the web, (2) Using @rive-app/canvas or @rive-app/webgl packages, (3) Controlling Rive state machines from JavaScript, (4) Reading/writing Rive inputs or handling events, (5) User mentions "Rive runtime" or "Rive animation" in web context. Best pra

stevysmithfrontend

🎨 Rivetkit Client Javascript

This skill guides building JavaScript RivetKit clients for browser, Node.js, or Bun, enabling easy actor calls and real-time connections.

frontendbackendapijavascript

🎨 Rivetkit Client React

This skill helps React developers connect to Rivet Actors using @rivetkit/react, create hooks with createRivetKit, and manage realtime actor state.

reactfrontendtypescriptwebsocket

🎨 Rmslop

This skill removes AI-generated slop by diff-checking main and pruning inconsistent or unnecessary code patterns across the repository.

code-reviewrefactorlintingdebugging

🎨 Rsc Data Optimizer

This skill converts slow client-side data fetching to server-side rendering with React Server Components to speed up initial load and improve SEO.

frontendbackendfullstackperformance

🎨 Rsdoctor Analysis

This skill analyzes rsdoctor-data.json to deliver evidence-based optimization recommendations for Rsdoctor bundle insights, focusing on chunks, modules, and

analyticsperformancefrontenddebugging

🎨 Rspack Best Practices

This skill helps you apply Rspack best practices across config, CLI, CSS, assets, and profiling to streamline development and troubleshooting.

frontendperformancedebuggingcli

🎨 Rss Agent Viewer

This skill helps you manage RSS feeds from the terminal by discovering, subscribing, reading, and searching across feeds.

cliscriptingproductivitydata

🎨 Runtime Env Vite Plugin

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

typescriptjavascriptfrontendmigration

🎨 Salla Docs

This skill provides comprehensive Salla documentation across APIs, storefront SDKs, and theme development to help you integrate and build quickly.

apidocsfrontend

🎨 Sass

Sass/SCSS preprocessing with variables, mixins, and nesting. Use when organizing styles, creating reusable components, or implementing design systems.

simon-jarillofrontend

🎨 Say Hi

This skill greets you with a warm, friendly hello, matching your energy and keeping the exchange brief.

aifrontendwritingcontent

🎨 Scraping

Fetch web pages, parse HTML with CSS selectors, call REST APIs, and scrape dynamic content. Use when extracting data from websites, querying JSON APIs, or automating browser interactions.

knoopxfrontend

🎨 Search

This skill helps you solve complex search tasks by applying a step-by-step ReAct workflow, selecting tools, and delivering final answers.

aiautomationresearchpython

🎨 Semi Ui Skills

This skill helps you efficiently query Semi Design components, generate code, and troubleshoot usage with MCP workflows and best practices.

designfrontenddocscode-review

🎨 Sentry Setup Metrics

Setup Sentry Metrics in any project. Use this when asked to add Sentry metrics, track custom metrics, setup counters/gauges/distributions, or instrument application performance metrics. Supports JavaScript, TypeScript, Python, React, Next.js, and Node.js.

troykellyfrontend

🎨 Seo Ai Search Skill

This skill helps you optimize metadata and structured data for AI-friendly SEO across React apps, improving discoverability and rich results.

seocontentanalyticsfrontend

🎨 Seo Audit Report

Document how to scaffold a Vite+React SEO audit report that ingest Search Console data, stores it in sql.js, and visualizes query/page KPIs.

younesbenallalfrontend

🎨 Seo Optimization Guide

This skill helps you implement comprehensive SEO strategies covering technical SEO, on-page optimization, and core web vitals to boost rankings and UX.

seoperformancefrontendnextjs

🎨 Server Components

This skill helps you master React Server Components in Next.js, guiding when to use server vs client, data fetching, and composition.

frontendbackendfullstackdata

🎨 Setup

This skill installs and configures Flowglad SDK for Next.js, Express, and React apps, guiding framework detection, env setup, and provider integration.

nextjsexpressreactbackend

🎨 Setup React Native Storybook

This skill helps you add and configure Storybook for React Native across Expo, React Native CLI, and Re.Pack projects, boosting component-driven development.

react-nativeexpotypescriptdebugging

🎨 Shadcn Layouts

This skill helps you generate correct shadcn/Tailwind layouts by applying CSS layout mental models to ensure scrolling, height, and grid correctness.

shadcnfrontendreacttypescript

🎨 Shadcn Management

This skill helps you manage shadcn/ui components, generate install commands, and assemble multi-component UI features efficiently.

frontendautomationscriptingproductivity

🎨 Shadcn Setup

Initialize Shadcn UI in an EXISTING Next.js or React (Vite) project.

wiztralfrontend

🎨 Shadcn Tailwind

This skill helps you design themed UIs with shadcn/ui and Tailwind v4 by applying semantic tokens, dark mode, and responsive patterns.

tailwindshadcnpythonfrontend

🎨 Shadcn Ui

This skill guides you to build accessible, component-based UIs with shadcn/ui in Next.js, including forms, dialogs, tables, and dark mode.

frontendaiautomationdesign

🎨 Shadcn Ui

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

reactshadcnaccessibilityux

🎨 Shadcn Ui

This skill helps you discover, install, and customize shadcn/ui components in your project with best practices and zero runtime overhead.

frontendreacttypescripttailwind

🎨 Shadcn Ui

This skill guides you in adding, customizing, and troubleshooting shadcn/ui components with CVA, theming, and architecture guidance.

shadcnfrontendtailwindreact

🎨 Shopify Apps

This skill helps you implement Shopify app patterns using Remix/React Router, App Bridge, Polaris, and GraphQL Admin API with best practices.

backendfrontendfullstackapi

🎨 Shopify Developer

This skill provides a comprehensive Shopify development reference to accelerate Liquid, themes, APIs, and app builds with best-practice guidance.

apibackendfrontendperformance

🎨 Shopify Liquid Themes

This skill generates Shopify Liquid theme code with sections, blocks, and snippets, ensuring proper schema, translations, and assets integration for theme

frontendproductivityscriptingdocs

🎨 Shopify Metafields

This skill helps you work with Shopify Metafields by using definitions, accessing via Liquid, and reading or writing with GraphQL.

frontendapidatagraphql

🎨 Shopify Pos

This skill helps you build Shopify POS UI extensions to add tiles, modals, and blocks across the smart grid and product screens.

frontendreactapiperformance

🎨 Signals And Flutter Hooks

This skill helps you manage Flutter state more efficiently by teaching signals, flutter hooks, and reactive patterns for scalable UI.

flutterperformancedebugging

🎨 Signup Flow Cro

This skill helps you optimize signup flows to maximize conversion by reducing friction, selecting fields, and choosing single-step vs multi-step forms.

growthproductanalyticsfrontend

🎨 Skill

This skill helps you build production-quality Rails UIs with maquina_components, using Tailwind and data attributes to ensure consistent, accessible interfaces.

railstailwindshadcnaccessibility

🎨 Skill

This skill translates TemPad Dev UI evidence into project-native TypeScript code, enabling accurate integration without guessing styles.

frontendtypescriptdesignux

🎨 Skill

This skill guides you through integrating AIRIOT client features for API, auth, forms, state, real-time data, and configuration to accelerate frontend

frontendapireacttypescript