Total 50,502 skills, Frontend Development has 4863 skills
Showing 12 of 4863 skills
Game audio engineer using Strudel.cc for background music and Web Audio API for sound effects in browser games. Use when adding music or SFX to a game.
Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step mandatory pattern: define CSS variables at root, map to Tailwind utilities, apply base styles, get automatic dark mode. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui dark mode, or fixing colors not working, theme not applying, CSS variables broken, tw-animate-css errors, or migrating from v3.
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
Use Lighthouse to perform performance audits on web pages and return JSON results, suitable for local development and CI regression testing
Using jQuery UI in Observable Framework for UI widgets and interactions.
Preact guidelines to use the global options hooks for extending preact.
Comprehensive UI/UX guidelines for building React/Next.js components with Ant Design, shadcn/ui charts, and consistent styling. Use when creating forms, tables, modals, cards, or any UI component. Enforces color palette, typography, spacing (8px/12px/16px/24px), animations, and component patterns specific to the application.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Build a web dashboard for technical indicator analysis using Plotly Dash or Streamlit. Supports single-symbol, multi-symbol, and multi-timeframe layouts with real-time refresh.
Details Paraglide.js i18n implementations.
UI Performance, Design Tokens, Reusable Components & Adaptive Design
Guide for building custom React components using Fluent UI v9 base state hooks and render functions. Use when asked to: create a component based on FluentUI headless hooks, build a custom component using Fluent UI base state hooks, create a component with custom styling that reuses Fluent UI accessibility behavior, implement a component using render{Component}_unstable and use{Component}Base_unstable, or consume @fluentui/react-button/@fluentui/react-tabs/etc. without Fluent 2 visual design.