Frontend Development (1023 — page 10)

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

This skill analyzes iOS UI/UX, applies Human Interface Guidelines, and proposes interface improvements with SwiftUI patterns and accessibility in mind.

uxdesignaccessibilityfrontend

🎨 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

🎨 Linpingzhi

This skill helps you develop HarmonyOS NEXT native apps with ArkTS/ArkUI, delivering high-quality code and performance aligned with Huawei guidelines.

frontendperformancecode-reviewdocs

🎨 Liquid Glass

This skill helps you implement Liquid Glass UI in SwiftUI using the glassEffect API for modern, interactive, and morphing designs.

frontenddesignuxperformance

🎨 Lit Best Practices

Lit web components best practices and performance optimization guidelines. Use when writing, reviewing, or refactoring Lit web components. Triggers on tasks involving Lit components, custom elements, shadow DOM, reactive properties, or web component performance.

artmsilvafrontend

🎨 Localize

This skill helps you localize ryOS apps by extracting strings, replacing with translation keys, and syncing translations across languages.

frontendtypescriptreact

🎨 Magazine Layout

This skill converts plain text into professional magazine-style HTML pages with Tailwind CSS, offering style selection and optional PDF export.

frontenddesigncontentwriting

🎨 Makepad Animation

This skill helps you implement Makepad animation patterns, generating code and answering questions about states, transitions, and timelines for dynamic UI.

frontendcode-reviewaiscripting

🎨 Makepad Event Action

This skill helps you handle Makepad events and actions, enabling widget-to-parent communication and robust event flow.

frontenddebuggingrefactordocs

🎨 Makepad Router

This skill routes Makepad questions to the appropriate sub-skills, enabling fast, accurate answers across widgets, layout, events, and shaders.

aiproductivityfrontenddesign

🎨 Managing Media

This skill helps you implement comprehensive media and file management components, enabling efficient uploads, rich galleries, adaptive players, and optimized

frontendbackendfullstackperformance

🎨 Mantine React Component Dev

Development guidelines and patterns for building React component libraries with Mantine UI, TypeScript, and modern tooling. Use this skill when creating, editing, or maintaining Mantine-based React components, implementing Styles API patterns, managing component composition, or working with TypeScri

gfaziolifrontend

🎨 Mapbox Search Integration

This skill helps you implement Mapbox search end-to-end, from discovery questions to production-ready integration with best practices.

frontendjavascriptapireact

🎨 Mapbox Store Locator Patterns

This skill helps you build interactive Mapbox store locators with markers, filtering, distance calculations, and synced lists and details.

javascriptfrontenddata

🎨 Mapcn Docs

This skill helps you build comprehensive Next.js App Router documentation sites with live previews, code samples, and accessible, theme-aware UI.

nextjsdocsaccessibilityreact

🎨 Marimo

Guide for creating and working with marimo notebooks, the reactive Python notebook that stores as pure .py files. This skill should be used when creating, editing, running, or deploying marimo notebooks.

maragudkfrontend

🎨 Markdown Url

This skill rewrites website URLs through markdown.new to extract clean Markdown content for notes and summaries.

docswritingcontentproductivity

🎨 Material Component Doc

This skill guides and automates FlowGram material component documentation, including source tracing, story creation, and multilingual translation workflows.

docsautomationwritingreact

🎨 Mc Map Visualize

This skill generates a zoomable HTML visualization of a spatial map, highlighting walkability, hazards, resources, and observation confidence for debugging and

pythondatadebuggingfrontend

🎨 Mermaid

This skill helps you create Mermaid diagrams for Markdown documentation, enabling quick visualizations of flows, architectures, and data models.

docsdatafrontendpython

🎨 Mermaid

This skill helps you generate and validate mermaid diagrams for flowcharts, sequences, and mind maps to document processes and architectures.

frontendbackendapidocs

🎨 Mermaid Diagramming

This skill helps you create and integrate Mermaid diagrams in Obsidian notes to visualize processes, architectures, and workflows.

designfrontenddocsproduct

🎨 Mermaidjs V11

This skill helps you create Mermaid.js v11 diagrams quickly, converting code into SVG/PNG/PDF and embedding in markdown or webpages.

frontendapidatabasedata