Skills tagged "frontend" (1279)

🧪 Formily Migration

This skill guides converting React forms to Formily with step-by-step migration strategies, improving type safety, performance, and validation.

migrationfrontendrefactorperformance

🧪 Forms

This skill helps you implement robust Angular forms with reactive and template-driven approaches, validation, async checks, and dynamic form generation.

frontendtestingdebuggingrefactor

🎨 Fp Immutable

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

typescriptfrontendreactdebugging

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

This skill helps you apply practical fp-ts patterns to write clearer, safer TypeScript code with minimal jargon and maximal 80/20 impact.

aibackendfrontendtypescript

🎨 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

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

This skill helps you build accessible user interfaces by applying WCAG guidelines, semantic HTML, keyboard navigation, and ARIA practices across components.

frontenddesigntestingcode-review

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