Skills tagged "frontend" (1279)

🎨 Gsap

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

frontendjavascriptperformancereact

🧪 Gsap

This skill provides GSAP animation expertise for JARVIS HUD transitions, focusing on performance, accessibility, and clean teardown.

performancefrontendtestingrefactor

🎨 Gsap Fundamentals

This skill helps you learn and apply core GSAP animation concepts like tweens, timelines, and easing to create smooth web animations.

frontendperformancescripting

🎨 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

🧪 Hrea Integration

This skill helps you integrate hREA GraphQL mappings with ValueFlows, enabling proposal creation, prerequisite management, and automatic retry of queued items.

typescriptgraphqlsveltekitfrontend

🎨 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

🧪 Http Client

This skill helps you master Angular HttpClient usage for API calls, interceptors, and robust error handling across components.

frontendapidebuggingtesting

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

This skill helps identify and fix Magento 2 Hyvä compatibility issues by replacing block plugins and RequireJS with ViewModels and Alpine.js.

frontenddebuggingrefactortesting

🧪 Hyva Tailwind Integration

This skill helps you integrate Tailwind CSS and Hyvä Themes in Magento 2, guiding configuration merging, module registration, and build processes for seamless

frontendperformancedebuggingtesting

🎨 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

🧪 Impl

This skill helps you implement features and write code based on Plans.md tasks, ensuring quality gates and non hard-coded solutions.

javascripttypescriptfrontendcode-review

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

This skill helps you implement and share session-based authentication and authorization in Inertia Rails apps using Devise or has_secure_password.

backendfrontendfullstacksecurity

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

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

frontendapimarketingdocs

🛡️ Intelligent Routing

This skill automatically analyzes user requests and routes to the most suitable specialist agents, delivering faster, accurate task handling.

aiautomationbackendfrontend

🎨 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

🧪 Internationalizing Websites

This skill helps you internationalize Next.js sites with SEO-ready hreflang, localized sitemaps, and language-specific content to improve global reach.

seofrontendscriptingcontent

🧪 Ios

This skill reviews SwiftUI code for HIG compliance, typography, and accessibility, ensuring Dynamic Type support and platform-specific guidelines.

designuxaccessibilitycode-review

🧪 Ios Design

This skill helps you craft production-grade iOS interfaces with SwiftUI, delivering polished, native-feeling screens that respect Apple's guidelines.

designuxfrontendaccessibility

🧪 Ios Development

This skill guides iOS 17+ app development with SwiftUI, MVVM, SwiftData, networking, testing, accessibility, and CI/CD for reliable apps.

frontenddatatestingci-cd

🎨 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

🧪 Issue Resolver

This skill analyzes GitHub issues, triages type and priority, and proposes concrete resolution plans using specification driven development.

aiautomationgitdesign

🧪 Javascript

This skill helps you write robust production JavaScript by applying pragmatic rules for async error handling performance and testing.

frontendperformancetesting

🎨 Javascript Fundamentals

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

frontendbackendfullstackcode-review

🧪 Javascript Typescript

This skill assists with TypeScript configuration, type patterns, modern JavaScript, React and Node.js patterns to speed full-stack development.

frontendbackendfullstackcode-review

🎨 Javascriptkit

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

frontendfullstackapiscripting