Total 50,510 skills, Frontend Development has 4863 skills
Showing 12 of 4863 skills
Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.
Create modern, interactive web presentations powered by Reveal.js. Supports both single-file HTML presentations AND multi-presentation repository management with GitHub Pages deployment. Use for creating slides, presentations, slide decks, presentation repositories with auto-generated index pages. Features advanced animations, speaker notes, overview mode, and full Reveal.js API access.
This skill should be used when the user asks to "add a component", "use shadcn", "install Button", "create Dialog", "add Form", "use DataTable", "implement dark mode toggle", "use cn utility", or discusses UI components, component libraries, or accessible components. Always use the latest shadcn/ui version and modern patterns.
[Fix & Debug] ⚡⚡ Analyze and fix UI issues
Vben Admin 5.x 前端开发规范。当创建页面、组件、API 接口或前端功能时自动使用。
Use when Vue 3 Composition API with reactive refs, computed, and composables. Use when building modern Vue 3 applications.
Prevents generic AI-generated designs by guiding typography, color, motion, and background choices. Use when creating frontend designs, landing pages, dashboards, or any UI/UX work. Helps avoid the "AI slop" aesthetic.
Integrate WorkOS AuthKit with React Router applications. Supports v6 and v7 (Framework, Data, Declarative modes). Use when project uses react-router, react-router-dom, or mentions React Router authentication.
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
Expert knowledge for GPU shader development across GLSL, HLSL, ShaderLab, and compute shadersUse when "write shader, shader code, GLSL, HLSL, ShaderLab, vertex shader, fragment shader, pixel shader, compute shader, post-processing, visual effects, screen effect, bloom effect, outline shader, toon shader, water shader, dissolve effect, custom material, render texture, GPU compute, raymarching, SDF, signed distance field, shader, glsl, hlsl, shaderlab, gpu, graphics, rendering, visual-effects, post-processing, compute, webgl, vulkan, directx, metal, opengl" mentioned.
Vue 2 Project Code Style and Development Guidelines, including naming conventions, code organization, comment specifications, error handling, etc. Applicable to all code writing scenarios to ensure code consistency, readability, and maintainability.