Frontend Development (1023 — page 14)

🎨 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 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

🎨 Skill Search

Use when working with ANY external library, framework, tool, or API. Use when starting a project, adding dependencies, debugging unfamiliar code, or when user mentions technologies like React, Next.js, PostgreSQL, AWS, Docker, etc. Be generous - if there might be a skill, search for it.

tejasdcfrontend

🎨 Skills

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

frontendadsuxdesign

🎨 Skills

This skill guides using @landfolk/tx styling in React/Next.js, optimizing grouping, compile-time transforms, and linting for reliable Tailwind classes.

frontenddebugginglintingperformance

🎨 Skills

This skill helps you build interactive geospatial visualizations with AntV L7, rendering large datasets and maps across Mapbox, GaodeMap, or standalone.

dataanalyticsfrontendperformance

🎨 Slack

This skill lets you control Slack from OpenClaw to react, message, pin, and fetch info in channels and DMs.

automationapiproductivitytypescript

🎨 Slidev

This skill helps you create and deliver web-based developer presentations using Markdown, Vue components, code highlighting, and interactive demos.

frontenddocsproductivity

🎨 Slidev

This skill helps you create engaging slide decks with Markdown using Vue-powered Slidev, including code highlighting, diagrams, and LaTeX math.

frontenddocscliscripting

🎨 Slidev Mastery

This skill helps you create polished Slidev presentations by applying best practices for accessible, modular markdown slides with components, layouts, and

accessibilitydocsdesignproductivity

🎨 Slidev Styling

Style Slidev slides with UnoCSS and custom CSS. Use this skill for custom colors, typography, animations, and responsive designs.

yoanbernabeufrontend

🎨 Smart_commit

This skill generates concise Korean Conventional Commit messages based on git diff, ensuring accurate type, subject, and optional body.

gitautomationbackendfrontend

🎨 Smarty Plugins

This skill provides a complete reference for Kuroco Smarty plugins, enabling quick lookups of functions, modifiers, and syntax to build templates efficiently.

frontendbackendapiwriting

🎨 Snippets_flutter Infinite Canvas

This skill guides you to build an infinite Flutter canvas with multi touch handling using InteractiveViewer and CustomMultiChildLayout for flexible layouts.

flutterfrontenddesignux

🎨 Spatial Swiftui Developer

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

frontenddesignuxscripting

🎨 Standards Css

This skill helps you enforce CSS standards across projects by applying design tokens, framework patterns, and production-ready optimization.

frontenddesignuxperformance

🎨 Standards Responsive

This skill helps you build mobile-first, responsive layouts with fluid containers, relative units, and accessible touch targets across devices.

frontenddesignux

🎨 Stitch Loop

This skill helps you iteratively build web pages with Stitch using a baton-loop, delivering pages and next tasks for continuous improvement.

frontendautomationci-cdproductivity

🎨 Store Data Structures

This skill helps you design efficient Zustand stores by separating list and detail data, using maps for details, and defining clear type boundaries.

datafrontendbackendtypescript

🎨 Storefront Best Practices

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

frontenduxaccessibilityseo

🎨 Streaming Expert

This skill helps you configure and troubleshoot CCTV streaming with HLS and WHEP, optimizing latency, reliability, and playback across components.

frontendperformancedebuggingobservability

🎨 Streamlit

Build interactive data applications and dashboards with pure Python - no frontend experience required

vamseeachantafrontend

🎨 Subscriptions

This skill helps you manage subscription lifecycles by handling upgrades, downgrades, cancellations, and reactivations with correct billing behavior.

backendapitypescriptnextjs

🎨 Suno Upload

This skill uploads a Suno prompt to suno.com by fully automating prompt parsing, field filling, and submission for rapid song generation.

automationscriptingfrontenddevops

🎨 Svelte

This skill guides Svelte 5 component development with runes, props, and performance-aware patterns for efficient, reactive UI.

sveltefrontendperformancetypescript

🎨 Svelte 5

This skill guides Svelte 5 component authorship and migration, using runes, $props, and callback props for modern reactive patterns.

sveltefrontendmigrationtypescript

🎨 Svelte Code Writer

This skill helps you edit and analyze Svelte components using MCP tooling to ensure accurate, documented, and compliant code.

frontendclidocsdebugging

🎨 Svelte Frontend

This skill helps you apply Svelte 5 best practices with Runes API for explicit reactivity, improving frontend code quality in Windmill projects.

sveltefrontendperformancecode-review

🎨 Svelte Runes

Svelte runes guidance. Use for reactive state, props, effects, or migration. Covers $state, $derived, $effect, $props, $bindable. Prevents reactivity mistakes.

spences10frontend

🎨 Sveltekit

This skill provides comprehensive SvelteKit documentation guidance for cli, routing, adapters, and builds to answer questions quickly.

sveltekitsveltefrontenddocs

🎨 Sveltekit

Expert guidance for SvelteKit development with TypeScript, Tailwind CSS, SSR/SSG, and performance optimization best practices

mindrallyfrontend

🎨 Sveltekit Svelte5 Tailwind Skill

Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4

claude-skillsfrontend

🎨 Svg Art Skill

This skill generates scalable SVG graphics via Python scripts for icons, charts, fractals, and generative art, returning ready-to-use SVG output.

designuxscriptingautomation

🎨 Swarm Pr Review

This skill coordinates a three-expert swarm to review a PR diff, surface high impact issues, and deliver a consensus merge verdict.

aicode-reviewtypescriptfrontend