Skills tagged "frontend" (1335)

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

This skill helps you implement robust frontend components with React, Vue, or Angular, including accessibility, validation, and responsive UI guidance.

frontenduxaccessibilitydesign

🛡️ Frontend Integration

This skill helps you integrate Kuroco with Nuxt or Next.js, enabling secure authentication, SSR/SSG, and seamless content delivery.

frontendapisecuritydocs

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

This skill generates React component tests with RTL, covering rendering, interactions, accessibility, and snapshot tests to boost reliability.

frontendtestingunit-testsintegration-tests

🧪 Frontend Testing

This skill enables robust frontend testing with Vitest and Testing Library by guiding AAA patterns, mocks, and component render assertions across files.

frontendtestingunit-testsdebugging

🎨 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 Web Dev Skill

This skill helps you design scalable frontend architectures, implement accessible UI, and optimize performance with modern tools and cross-platform workflows.

frontendperformancedesignux

🎨 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

🧪 Generate Marketing Screens

This skill generates pixel-perfect marketing screenshots and compelling Product Hunt copy for Next.js apps using Playwright MCP.

marketingaiautomationproduct

🧪 Generate Marketing Screenshots

This skill automates creating Product Hunt ready marketing screenshots and listing copy for deployed Next.js projects using Playwright MCP.

marketingautomationfrontendnextjs

🎨 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

🧪 Getx Patterns

This skill helps you implement GetX state management patterns with reactive variables, bindings, navigation, and lifecycle best practices for scalable apps.

frontenddebuggingtesting

🎨 Git Commit Formatter

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

backendfrontendapigit

🧪 Go Router Navigation

This skill ensures type-safe navigation with go_router in Flutter apps, providing typed routes, redirection, and transitions for reliable routing.

frontenduxtesting

🎨 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

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

performancefrontendtestingrefactor

🎨 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

🧪 Harden

This skill hardens interfaces by improving error handling, i18n, text overflow, and edge case resilience for production-ready experiences.

frontenduxaccessibilityperformance

🎨 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