Frontend Development (1064 — page 9)

🎨 Flutter Navigation

This skill helps you implement Flutter navigation and routing with Navigator and go_router, enabling deep linking, data passing, and web history.

frontendperformancedebuggingcode-review

🎨 Flutter Project Creater

This skill creates a Flutter project with initialization, configuration, and template generation, streamlining setup for new Flutter apps.

cligitscriptingautomation

🎨 Fluxui Development

This skill helps you build UI with Flux UI Pro components in Laravel Livewire, replacing HTML elements and accelerating component-driven interfaces.

laravelfrontendtailwinddesign

🎨 Fluxui Docs

This skill helps you quickly access Flux UI docs and implement free FluxUI components with Tailwind and Livewire guidance.

docsfrontenduxaccessibility

🎨 Fluxui Docs Pro

This skill helps you implement Flux UI Livewire components with Tailwind CSS across pages, cards, forms, and layouts.

frontenddocsuxaccessibility

🎨 Fp Data Transforms

This skill helps you transform arrays and objects with functional patterns, enabling safer access, grouping, and normalization for real-world data.

dataanalyticstypescriptdebugging

🎨 Fp Immutable

This skill guides practical immutability patterns in TypeScript to safely update state and reduce bugs across arrays and objects.

typescriptfrontendreactdebugging

🎨 Fp Option Either

This skill helps you write safer TypeScript code with fp-ts Option and Either, guiding when to use each and how to compose them.

aidebuggingtypescriptcode-review

🎨 Fp Pipe Ref

This skill provides quick references for pipe and flow in fp-ts to compose data pipelines and transform values efficiently.

typescriptdebuggingperformancedocs

🎨 Fp Planning

This skill helps you create and decompose FP planning plans into hierarchical, dependency-aware tasks within the FP CLI, from epic to sub-tasks.

cliplanningfrontendbackend

🎨 Fp Refactor

This skill helps you migrate imperative TypeScript code to fp-ts patterns, enabling explicit errors, safe optional handling, and functional composition.

typescriptrefactorcode-reviewdebugging

🎨 Fp Task Either

This skill enables type-safe async error handling with TaskEither patterns in TypeScript, enabling composable, lazy operations and robust error recovery.

typescriptbackendapireact

🎨 Fp Types Ref

This skill helps you choose the correct fp-ts type (Option, Either, or Task) and provide practical imports for async and error handling.

typescriptapibackendreact

🎨 Fp Validation

This skill teaches error-accumulating validation patterns with fp-ts, enabling robust form and API input validation.

typescriptapidatareact

🎨 Framer Code Components Overrides

This skill helps you create Framer Code Components and Overrides, enabling advanced React customization, property controls, and robust hydration-safe patterns.

reactfrontenddebuggingperformance

🎨 Framer Motion

This skill helps you implement Disney's twelve animation principles in Framer Motion to create expressive, responsive React animations.

frontenddesignuxai

🎨 Framer Motion

Expert guidelines for building performant animations with Framer Motion/Motion library in React applications

mindrallyfrontend

🎨 Frappe Client Script Generator

This skill generates production-ready JavaScript client scripts for Frappe DocTypes, including event handlers, validations, and dynamic UI logic.

javascriptfrontendscriptingautomation

🎨 Front End Design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

rawkode-academyfrontend

🎨 Frontend

This skill helps you design and implement striking UI components with responsive styling, motion, and accessibility-focused reviews.

frontenddesignuxaccessibility

🎨 Frontend Agent

This skill helps you build accessible, design-faithful React and Next.js UI using shadcn/ui, server components, and design tokens for performance.

frontendreactnextjsshadcn

🎨 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

This skill helps you craft distinctive, production-grade frontend interfaces with bold aesthetics, accessible structure, and purposeful motion across

frontenddesignuxaccessibility

🎨 Frontend Design

This skill helps you design and implement distinctive production-grade frontend interfaces with polished aesthetics and creative detail.

designuxfrontendreact

🎨 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