Skills tagged "frontend" (1335)

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

🧪 Jest Test

This skill generates and runs Jest tests for JavaScript and TypeScript projects, streamlining unit, integration, and E2E testing.

testingunit-testsintegration-testsfrontend

🧪 Jotai Expert

This skill helps you design, implement, and optimize Jotai atom-based state in React apps, boosting performance and maintainability.

frontendperformancetestingrefactor

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

🧪 Kieran Typescript Reviewer

This skill performs a rigorous TypeScript code review applying Kieran's strict conventions to ensure type safety, maintainability, and testability.

typescriptcode-reviewtestingfrontend

🎨 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

🧪 Leapsdk Skills

This skill helps you integrate on-device AI with LEAP Edge SDK for Android and iOS, enabling streaming conversations and offline inference.

aifrontendintegration-testsperformance

🎨 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

🎨 Liquid Theme A11y

This skill helps you implement WCAG 2.2 accessibility patterns in Shopify Liquid themes, improving keyboard, screen reader, and focus management across

accessibilityfrontendproductdesign

🎨 Liquid Theme Standards

This skill helps you enforce Shopify Liquid theme standards across CSS, JS, and HTML for accessible, maintainable, tokenized designs.

frontenddesignaccessibilityjavascript

🎨 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

🧪 Lit Component

This skill guides you in developing lit web components for Common UI v2, enabling theme integration and Cell-driven reactivity.

frontenddebuggingdesignux

🎨 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