Total 50,504 skills, Frontend Development has 4863 skills
Showing 12 of 4863 skills
Comprehensive guide for implementing loading spinners in ASP.NET Core applications using Syncfusion. Use this skill when implementing loading indicators, providing progress feedback, or blocking UI during async operations. Covers spinner creation, show/hide lifecycle, types, styling, custom templates, and configuration methods. Includes patterns for real-world scenarios like form submission and data loading.
ALWAYS use when optimizing Angular applications for performance, change detection, bundle size, lazy loading, or runtime performance.
ALWAYS use when working with Angular Directives, custom directives, attribute directives, structural directives, or directive composition in Angular applications.
ALWAYS use when implementing Angular state management with NgRx, including Store, Effects, Entity, and Signal Store.
ALWAYS use when working with Angular Schematics, custom generators, code generation, or building CLI tools in Angular.
ALWAYS use when working with Angular Resource, Angular 19 resource API, or new async data loading with signals.
Audits a React SPA project against architecture rules. Use when asked to "review components", "check architecture", "audit this react project", "does this follow react rules", or "review my frontend structure".
Configure and optimize Vite 7 for React projects. Covers build tooling, dev server, plugins, HMR, chunk splitting, Environment API, and Rolldown integration. Use when setting up Vite, configuring builds, optimizing bundles, managing plugins, or troubleshooting dev server. Triggers on vite, vite config, vite plugin, HMR, dev server, build optimization, chunk splitting, rolldown, vite proxy, environment api, rolldown-vite.
ALWAYS LOAD WHEN WORKING WITH PYSIDE6, QT, OR DESKTOP GUI CODE. PySide6 desktop apps: Manager→Service→Wrapper architecture, qasync integration, signals, system tray, testing.
Comprehensive guide for mastering modern JavaScript (ES6+) features, functional programming patterns, and best practices for writing clean, maintainable, and performant code.
Install official tech brand logos from the Elements registry. Use when user needs logos for tech companies (Clerk, Vercel, GitHub, etc.), AI providers (OpenAI, Anthropic, Claude), social platforms, or any brand assets. Triggers on "logo", "brand", "icon for [company]", "add [company] logo", placeholder logo detection, or when building landing pages, auth UIs, or integrations showcases.
Activate for accessibility audits, WCAG 2.1 AA compliance, contrast checks, keyboard navigation, screen reader testing, and inclusive design reviews.