Frontend Development (1064 — page 10)

🎨 Grdb

Use when writing raw SQL with GRDB, complex joins across 4+ tables, window functions, ValueObservation for reactive queries, or dropping down from SQLiteData for performance. Direct SQLite access for iOS/macOS with type-safe queries and migrations.

johnrogersfrontend

🎨 Grepai Workspaces

This skill helps you manage multi-project codebases with unified search across workspaces, enabling monorepos, microservices, and cross-project queries.

aiautomationdevopsbackend

🎨 Gsap

This skill helps you implement web animations with GSAP for tweens, timelines, and scroll-based effects across components and pages.

frontendjavascriptperformancereact

🎨 Gsap Router

This skill helps you implement GSAP animations efficiently by routing fundamentals, sequencing, scroll-based, and React patterns for cohesive UI experiences.

frontendperformancedebugging

🎨 Gsap Scrolltrigger

This skill helps you create engaging scroll-driven animations using GSAP ScrollTrigger, enabling pinning, scrubbing, snapping and parallax effects.

frontendperformanceautomationscripting

🎨 Heroui React

This skill helps you implement HeroUI v3 React components effortlessly with no provider, using compound patterns and Tailwind v4 styling for accessible, themed

frontendperformanceaccessibilityux

🎨 Hmm

This skill sends your last LLM response to a browser-based feedback UI for inline edits, comments, and structured export.

frontendcode-reviewuxproductivity

🎨 Hot Reload

This skill sets up zero-dependency hot reloading for MV3 Chrome extensions, automating extension and tab refresh during development.

automationdebuggingdevopsscripting

🎨 Hotkey

This skill guides adding keyboard shortcuts and hotkeys, helping implement, register, and document keyboard interactions across features.

frontendscriptingproductivitycode-review

🎨 Hotwire Patterns

This skill helps you build modern Rails frontends using Stimulus and Turbo patterns to enhance HTML over the wire with progressive enhancement.

frontendfullstackproductivity

🎨 Html Presentation

This skill generates professional HTML presentations using reveal.js from markdown content, with responsive design, code highlighting, and speaker notes.

frontenddesignuxaccessibility

🎨 Htmx

This skill helps you access HTMX documentation quickly, enabling you to search, read, and cite sources from docs/ with fetched timestamps.

docsfrontenddebuggingrest

🎨 Hyva Child Theme

This skill creates a complete Hyva child theme with proper structure and Tailwind setup for Magento 2 projects.

frontenddesignuxcli

🎨 Hyva Cms Component

This skill helps you create custom Hyvä CMS components for Magento 2 by guiding module setup, components.json, and PHTML templates.

frontendperformancecode-reviewdebugging

🎨 Hyva Cms Custom Field

This skill helps you create Hyvä CMS custom field types and handlers for tailored editor experiences in Magento 2 components.

frontendbackendfullstackcode-review

🎨 Hyva Compile Tailwind Css

This skill compiles Tailwind CSS for Hyva themes in Magento 2, handling production builds and optional watch mode.

frontenddevopsperformanceproductivity

🎨 Hyva Theme List

This skill lists all Hyvä theme paths in a Magento 2 project by detecting themes with web/tailwind/package.json and theme.xml.

frontendcliscriptingproductivity

🎨 Hyva Ui Component

This skill helps you add Hyva UI components to a Hyva theme by listing variants, reading instructions, and copying files into the theme.

frontendautomationscriptingproductivity

🎨 I18n

This skill helps you detect and fix hardcoded Chinese text and synchronize translations across languages in i18n projects.

frontendjavascripttypescriptautomation

🎨 I18n

This skill guides you through i18n tasks using react-i18next in React/TypeScript, helping create keys, manage locales, and implement translations.

frontenddocswritingproduct

🎨 I18n Workflow

This skill standardizes multilingual development, ensures consistency across zh-TW, zh-CN, en, ja, and ko, and streamlines translation management.

frontenddocsscriptingautomation

🎨 Icon Retrieval

This skill retrieves up to five matching icon SVG strings from a library, helping you quickly source visuals for dashboards, designs, and infographics.

frontenddesignapijavascript

🎨 Idb State Persistence

This skill enables reliable local-first state persistence using IndexedDB with idb, offering structured data models, CRUD, and reactive state management.

databasedatafrontendfullstack

🎨 Imagen

This skill generates images using Google Gemini to create UI mockups, icons, diagrams, and illustrations for any project.

aifrontenddesignux

🎨 Immersive Visuals Router

This skill orchestrates multiple domain routers for immersive 3D visuals, shaders, particles, and audio to deliver cohesive experiences.

performancescriptingfrontenddesign

🎨 Implementing Navigation

This skill guides implementing navigation and routing across frontend and backend, enabling accessible menus, routing patterns, and server-side configuration.

frontendbackendfullstackdesign

🎨 Index Lib Docs

This skill generates documentation for project dependencies by scanning libraries and providing versioned details, usage examples, and reference links.

docsfrontendautomationscripting

🎨 Inertia Rails Cookbook

This skill provides practical Inertia Rails patterns and components, enabling rapid UI, modal usage, and cohesive starter-kit customization.

frontendbackendfullstackdocs

🎨 Inertia Rails Forms

This skill helps you build robust Inertia Rails forms with validation, file uploads, and error handling across React, Vue, and Svelte interfaces.

frontendbackendfullstackdocs

🎨 Infinite Tunnel

This skill helps you create mesmerizing infinite tunnel effects with Three.js and GSAP for immersive 3D scrolling experiences.

frontendperformancedebuggingdesign

🎨 Infographic Item Creator

This skill generates complete TypeScript infographic item components and registration logic for the repository, ensuring correct layout and compliance with

aifrontenddataanalytics

🎨 Infographic Structure Creator

This skill generates or updates infographic structure components in TypeScript projects, ensuring layout logic, composition, and correct registration per

frontendaidatadesign

🎨 Input Latency Governance

This skill helps you achieve and maintain low input latency by engineering event-to-render pipelines and optimizing user responsiveness.

performancefrontenddebugginganalytics

🎨 Insforge

Build applications with InsForge Backend-as-a-Service. Use when developers need to: (1) Set up backend infrastructure (create tables, storage buckets, deploy functions, configure auth/AI) (2) Integrate InsForge SDK into frontend applications (database CRUD, auth flows, file uploads, AI operations, r

insforgefrontend

🎨 Install Wallet Ui React Native

Use when setting up @wallet-ui/react-native-web3js in a new or existing Expo application. Covers installation, polyfills, provider setup, and usage examples.

wallet-uifrontend

🎨 Instantdb

Build complete, functional apps with InstantDB as the backend. Use when creating React/vanilla JS or expo applications. Triggers on requests for building apps.

instantdbfrontend

🎨 Integration

This skill guides you through installing, initializing, and verifying the Clix SDK across iOS, Android, React Native, and Flutter.

docsanalyticsproductivityscripting

🎨 Integration Logos

This skill provides official integration logos for Gmail, Slack, HubSpot, and 200+ others to enhance UI, docs, or marketing materials.

frontendapimarketingdocs

🎨 Interaction Design

This skill helps you craft engaging microinteractions and smooth transitions to improve usability and delight users across ui components.

designuxaccessibilityproduct

🎨 Interaction Physics

This skill helps you craft deliberate microinteractions, timing, and accessibility-conscious feedback to guide users and improve perceived performance.

designuxaccessibilityfrontend

🎨 Interactive Study Guide

This skill converts a completed study guide markdown into an interactive, scroll-driven web experience with editorial typography and progressive disclosure.

frontenduxdesignjavascript

🎨 Ios Hig Reference

This skill helps you quickly reference Apple iOS Human Interface Guidelines for design rules, components, and accessibility best practices.

designuxaccessibilityswift

🎨 Ios Mapkit

This skill helps you implement MapKit in SwiftUI for iOS 17+, enabling maps, user location, markers, routes, and geocoding.

frontenddocsdesignux

🎨 Ios Ux Prototype

This skill helps you create interactive iOS UX prototypes as self-contained HTML with phone frames and annotations to visualize flows.

designuxfrontendproductivity

🎨 Island Rescue

This skill helps you STOP marshal rescue guidance on STOP a lonely island scenario STOP by practical steps and STOP clear checklists

aiautomationplanningproduct

🎨 Javascript Fundamentals

This skill helps you master core JavaScript concepts and ES6+ patterns for building robust, scalable applications.

frontendbackendfullstackcode-review

🎨 Javascriptkit

This skill helps Swift developers bridge JavaScriptKit and WebAssembly, enabling Swift web apps with seamless interop and tooling guidance.

frontendfullstackapiscripting

🎨 Jp Ui Consumer

Use when consuming jp-ui in an app: installation, CSS/theme setup, component selection, and token usage; guide Codex to the jp-ui docs and types for implementation details.

yumehikofrontend

🎨 Js Efficiency

This skill helps optimize JavaScript performance by applying caching, batch DOM updates, and loop efficiency patterns across projects.

performancedebuggingrefactorcode-review

🎨 Js Micro Utilities

This skill helps you optimize JavaScript tasks by prioritizing native APIs and lightweight utilities for objects, arrays, strings, numbers, and functions.

frontendperformancescriptingautomation

🎨 Js Ts Fp

This skill helps you apply functional programming principles to TypeScript and JavaScript by analyzing codebases first and guiding pure, immutable design.

typescriptjavascriptrefactorcode-review

🎨 Json Canvas

This skill helps you create and edit JSON Canvas files for mind maps and flowcharts, organizing nodes, edges, and groups visually.

dataproductivityplanningdesign

🎨 Json Render Templates

This skill helps you generate UI templates like flowcharts, forms, dashboards, and galleries as ready-to-emit JSON payloads for rapid visualization.

frontenddataanalyticsdesign

🎨 Kobalte

This skill helps you implement accessible, headless Kobalte components in SolidJS, ensuring proper structure and focus management with portals and roots.

solidaccessibilityfrontendux

🎨 Koota

This skill helps you build data-oriented ECS in React using Koota, enabling reactive queries and trait-driven world management.

datafrontenddebuggingperformance

🎨 Kor Ui

This skill helps you implement and themify the Universal UI library in React Native and Expo, guiding provider setup, components, theming, and troubleshooting.

frontendperformancedebuggingdocs

🎨 Ladakhride Ui Review

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

designuxfrontendaccessibility

🎨 Laravel 11 12 App Guidelines

Guidelines and workflow for working on Laravel 11 or Laravel 12 applications across common stacks (API-only or full-stack), including optional Docker Compose/Sail, Inertia + React, Livewire, Vue, Blade, Tailwind v4, Fortify, Wayfinder, PHPUnit, Pint, and Laravel Boost MCP tools. Use when implementin

thienanblogfrontend

🎨 Laravel Fullstack

This skill helps you rapidly build and debug Laravel Blade views with Alpine.js and Tailwind, boosting UI reliability and developer productivity.

fullstackfrontenddebuggingrefactor

🎨 Line Area Chart

This skill helps you build reusable line and area charts in Vue 3, enabling time-series visualization with flexible formatting and legends.

vuedataanalyticsfrontend