home/categories/frontend

category focus

Frontend

UI frameworks, state management, and styling.

2566 스킬all categories

sorting

stars

current ordering strategy

query

all entries

refine the visible subset

frontend

threejs-pro

Expert in 3D web graphics using Three.js, React Three Fiber (R3F), and WebGL shaders.

404kidwiz

development

open

frontend

Deep patterns and best practices for Svelte 5's reactivity system. Use when working with $state, $derived, $effect, $props, $bindable, $inspect, or when users ask about Svelte 5 reactivity, state management, reactive declarations, or migrating from Svelte 4 reactive statements ($:).

maxnoller

development

open

frontend

angular-architect

Enterprise Angular development expert specializing in Angular 16+ features, Signals, Standalone Components, and RxJS/NgRx at scale.

404kidwiz

development

open

frontend

gp-ui

Use when building React UIs for TheGP applications, migrating existing UIs to @gp/ui components, integrating Tailwind v4 with @gp/ui theme, or answering questions about available components, design tokens, icons, or setup. Activate when user mentions @gp/ui, TheGP design system, or asks about GP-specific UI patterns and components.

thegpvc

development

open

frontend

troubleshooting-bundler-compatibility

Diagnose and fix third-party library loading failures in Vite, Webpack, or other bundlers. Use when encountering "Failed to fetch dynamically imported module", worker loading failures, CDN 404 errors, "Invalid type" errors when importing library assets, or assets loading in wrong format. Covers version mismatches, worker loading patterns, and bundler-specific solutions.

swannysec

development

open

frontend

tanstack-mutations

This skill should be used when the user asks about "useMutation", "mutations", "query invalidation", "optimistic updates", "cache updates", "setQueryData", "invalidateQueries", "onMutate", "onSettled", or needs guidance on mutation patterns, cache synchronization, and optimistic UI in TanStack Query.

salmanrrana

development

open

frontend

tailwindcss

Learn how to use Tailwind CSS v4's advanced features like custom utilities and variants.

sushichan044

development

open

frontend

animation-motion

CSS animations, transitions, and scroll-driven effects with accessibility (prefers-reduced-motion). Use when adding motion, hover effects, loading states, or scroll-based animations.

ProfPowell

development

open

frontend

react-19

React 19.3+ patterns. Use for forms, async data, pre-rendering, transitions, refs, context, metadata.

tirtza-weinfeld

development

open

frontend

pinia

Create and maintain Pinia stores using Setup Stores pattern with TypeScript. Use when creating state management stores, defining store state/getters/actions, composing stores, or integrating with Vue components. Handles store architecture, type safety, and reactive state patterns.

xiaoland

development

open

frontend

frontend-accessibility

Build accessible user interfaces using semantic HTML, proper ARIA attributes, keyboard navigation, color contrast, and screen reader compatibility. Use this skill when creating or editing UI components, HTML templates, JSX files, or any frontend markup. When implementing forms, interactive elements, navigation menus, modals, or dynamic content. When working with buttons, links, images, headings, or any user-facing interface elements. When ensuring keyboard accessibility, focus management, or screen reader support in React components, Vue templates, HTML files, or any frontend view files.

dpietersz

development

open

frontend

semantic-html

Write well-considered semantic HTML that serves all users. Use when creating components, page structures, or reviewing markup. Emphasizes native HTML elements over ARIA. Treats proper document structure and accessibility as foundations rather than afterthoughts.

schalkneethling

development

open

frontend

using-generics

Teaches generic constraints, avoiding any in generic defaults, and mapped types in TypeScript. Use when creating reusable functions, components, or types that work with multiple types while maintaining type safety.

djankies

development

open

frontend

tailwindcss-utilities

Référence complète des utility classes Tailwind CSS

fusengine

development

open

frontend

ui-token-first

Enforce UI token usage for Espresso Engineered frontend work. Use when editing Svelte/SvelteKit UI, styling typography, voice lines, headers, cards, surfaces, or layout so styles come from frontend/src/lib/ui tokens instead of app.css or ad-hoc CSS.

nickabeelee

development

open

frontend

composable-svelte-graphics

3D graphics and WebGPU/WebGL rendering with Composable Svelte. Use when building 3D scenes, working with cameras, lights, meshes, materials, or implementing WebGPU/WebGL graphics. Covers Scene, Camera, Light, Mesh components, geometry types (box, sphere, cylinder, torus, plane), material properties, and state-driven 3D rendering.

jonathanbelolo

development

open

frontend

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior

yairbederman

development

open

frontend

astro-i18n

Update UI copy and labels in the Astro i18n system (src/i18n/ui.ts and src/i18n/utils.ts). Use when adding or changing UI text in multiple languages.

lebauzagit

development

open

frontend

styled-components

Implements CSS-in-JS styling with styled-components using tagged template literals, theming, and dynamic props. Use when wanting component-scoped CSS-in-JS, dynamic styling based on props, or theming support.