Total 50,633 skills, Frontend Development has 4876 skills
Showing 12 of 4876 skills
Browser preview panel knowledge — the iframe-based Browser tab in the right panel. Use when the user mentions browser, preview, tab disappeared, page broken, blank screen, white screen, 白屏, 页面挂了, tab 不见了, preview not loading, or asks about running services.
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
Expert in building Chrome Extensions using Manifest V3. Covers background scripts, service workers, content scripts, and cross-context communication.
Apply Google CSS style guide conventions to CSS code
This skill should be used when the user asks to "write a Next.js app", "follow React best practices", "optimize a Next.js application", "build with the App Router", or needs guidance on modern React and Next.js patterns for 2025.
Create and manage interactive Kanban boards with Syncfusion Angular component. Use this skill when you need to build workflow visualization tools with drag-and-drop cards, swimlanes, columns, and real-time data binding. Covers setup, configuration, events, properties, methods, and best practices for implementing task management and project tracking interfaces.
Implement Syncfusion React MultiSelect Dropdown component for multi-value selection. Use this when working with multi-select dropdowns, checkbox list pickers, or tag/chip selection interfaces. This skill covers data binding, filtering, grouping, templates, accessibility, custom values, checkbox mode, virtual scrolling, and styling options.
Comprehensive guide for implementing the Syncfusion React DateTimePicker component. Use this when working with combined date and time inputs, datetime formatting, localization, or keyboard-accessible UIs in React applications. Covers component setup, event handling, and accessibility patterns.
Implement the Syncfusion Angular AutoComplete component for type-ahead text suggestions with data binding, filtering, grouping, templates, virtualization, and form integration. Covers local and remote data sources, autofill, highlight search, custom filtering, keyboard navigation, and accessibility features. Use this when adding AutoComplete to Angular applications, configuring filtering behaviors, implementing data binding scenarios, or validating forms with autocomplete.
Comprehensive guide for implementing the Syncfusion Angular DateRangePicker component. Use this when working with date range selection, preset ranges, range validation, or date constraints in Angular applications. Covers DateRangePicker API, events, formatting, and accessibility patterns.
Implements Syncfusion JavaScript chart controls (Line, Area, Bar, Column, Pie, Polar, Radar, Waterfall, Stock). Use when building interactive data visualizations, dashboards, or real-time charts. Covers series and axes configuration, styling, animations, exporting, and technical indicators. Works with TypeScript (webpack/modules) and JavaScript (CDN/ES5).
Implement Syncfusion Blazor Accumulation Chart (SfAccumulationChart) for proportional data visualization. Use this when creating pie charts, doughnut charts, funnel charts, or pyramid charts. This skill covers data labels, legends, tooltips, slice grouping, and part-to-whole visualizations in Blazor applications.