Frontend Development (1023 — page 9)

🎨 Frontend Architecture

This skill analyzes and organizes Svelte SPA architecture for Exceptionless, highlighting route groups, feature slices, and barrel exports to improve

frontendperformancerefactorcode-review

🎨 Frontend Css

This skill guides you to write maintainable, performant CSS across frameworks using design tokens, methodologies like BEM, CSS modules, and utility classes.

frontenddesignperformancecode-review

🎨 Frontend Design

Expert guidance for creating production-grade, distinctive frontend interfaces. Use when designing UIs, choosing aesthetics, or building memorable web experiences.

langconfigfrontend

🎨 Frontend Design

This skill guides you through thoughtful web UI design using psychology, layout, typography, color, and accessibility principles to improve user experience.

designuxaccessibilityfrontend

🎨 Frontend Design

This skill helps you craft production-grade frontend interfaces with a distinctive aesthetic, robust accessibility, and a clear design system using

frontenddesignuxaccessibility

🎨 Frontend Design

This skill helps you design and implement production-grade frontend interfaces with distinctive aesthetics, translating design references into precise code

frontenddesignuxaccessibility

🎨 Frontend Design

This skill crafts distinctive, production-grade frontend interfaces with bold aesthetics, delivering polished components, pages, or apps that avoid generic AI

frontenddesignuxaccessibility

🎨 Frontend Design

This skill helps you design production-grade frontend interfaces by analyzing designs, generating tokens, palettes, typography, and framework-ready components.

designfrontendaccessibilityreact

🎨 Frontend Design

This skill helps you craft production-grade interactive interfaces with distinctive aesthetics using HTML/CSS/React components and motion.

frontendreactdesignux

🎨 Frontend Design

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aest

answerzhaofrontend

🎨 Frontend Design

This skill helps you implement pixel-perfect frontend experiences that align with human-centered psychology and production-grade design systems.

frontenduxdesignaccessibility

🎨 Frontend Design Fix

Fix generic frontend designs by applying aesthetic upgrades across the 5 design dimensions

matteocervellifrontend

🎨 Frontend Design Fix Html

Fix generic HTML/CSS designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)

matteocervellifrontend

🎨 Frontend Dev

This skill helps you create and modify Next.js pages, React components, and Tailwind styles following Swiss International Style.

frontendnextjstailwindtypescript

🎨 Frontend Dev Guidelines

This skill helps you implement modern React/TypeScript frontend guidelines with Suspense, lazy loading, and feature-based organization for scalable apps.

frontendperformancerefactorproductivity

🎨 Frontend Developer

This skill helps optimize React and Next.js performance by applying Vercel's best-practice guidelines across components, pages, data fetching, and bundle

frontendperformancerefactorcode-review

🎨 Frontend Developer

This skill helps you build scalable React and Next.js UI components with accessible, responsive layouts and optimized performance.

reactnextjsfrontendperformance

🎨 Frontend Development

This skill helps you build modern React TypeScript frontends with Suspense, lazy loading, TanStack Router, and MUI v7 styling for fast, scalable UI.

frontendperformancedata

🎨 Frontend Engineer

This skill helps you transform designs into stunning, responsive UI components with polished visuals, motion, and accessible interactions.

frontenddesignuxaccessibility

🎨 Frontend Enhancer

This skill enhances Next.js apps with modern UI components, palettes, and layouts to boost visual polish and user experience.

frontenddesignuxaccessibility

🎨 Frontend Modern

Apply when working with modern frontend frameworks including React, Vue, Next.js, and TypeScript

twofoldtech-dakotafrontend

🎨 Frontend Refactor

This skill analyzes frontend code structure to refactor, remove duplication, apply patterns, and enhance readability for maintainable UI.

frontendrefactorcode-reviewdebugging

🎨 Frontend Security Basics

Secure Solana frontends against phishing, bad prompts, and unsafe signing requests. Use for audits of wallet UX and dApp sites.

sanctifiedopsfrontend

🎨 Frontend To Backend Requirements

This skill helps document frontend data needs for backend developers, clarifying what data and UI actions are required.

frontendbackenddocsdata

🎨 Frontend Ui Skill

This skill helps audit and build enterprise SaaS UIs with Tailwind v4, shadcn/ui, and Next.js/Vite while ensuring accessibility and performance.

frontendreactnextjstailwind

🎨 Frontend Ui Ux

This skill helps you craft stunning UI/UX by guiding typography, color, spacing, and motion decisions for cohesive interfaces.

designuxfrontendaccessibility

🎨 Frontend Ui Ux

This skill helps you craft visually stunning, cohesive UI/UX by translating design intent into pixel-perfect code with thoughtful interactions and

frontenddesignuxaccessibility

🎨 Frontend Ui Ux Engineer Skill

This skill helps transform plain UI components into visually stunning, accessible, responsive interfaces with polished micro-interactions and design-driven

frontenduxdesignaccessibility

🎨 Frontend_aesthetics

This skill helps you design unique, immersive frontend aesthetics by selecting distinctive typography, cohesive color themes, and expressive motion to elevate

frontenddesignuxperformance

🎨 Frontend_design_system

This skill translates UI design requirements into production-grade frontend code with design tokens, accessibility compliance, and artistic execution.

frontenddesignuxaccessibility

🎨 Generate

This skill generates custom images using Gemini 2.5 Flash for frontend designs, illustrations, icons, or hero images from user prompts.

aifrontenddesignux

🎨 Generate Frontend Wiring

This skill analyzes a Backstage frontend plugin and generates the RHDH dynamic plugin wiring configuration for app-config.yaml.

frontendautomationcode-reviewdevops

🎨 Generating Sounds With Ai

This skill audits Web Audio API code for sound synthesis best practices, helping you improve audio quality and reliability across projects.

debuggingcode-reviewfrontendtypescript

🎨 Git Commit Formatter

This skill formats git commit messages according to Conventional Commits, ensuring consistent type, scope, and description across projects.

backendfrontendapigit

🎨 Godot Ui

This skill provides expert guidance for Godot UI creation, theming, responsive layouts, and common patterns to accelerate menus, HUDs, inventories, and

designuxproductivityperformance

🎨 Graphql Apollo Client

Build React apps with Apollo Client - queries, mutations, cache, and subscriptions

pluginagentmarketplacefrontend

🎨 Graphql Operations

This skill helps you craft efficient, type-safe GraphQL operations by guiding naming, fragmentation, variable usage, and minimal data fetching.

graphqlfrontendcode-reviewlinting

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

🎨 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