Skill4Agent
Skill4Agent
All SkillsSearchTools
|
Explore
Skill4Agent
Skill4Agent

AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

  • Home
  • All Skills
  • Search
  • Tools

About

  • About Us
  • Disclaimer
  • Copyright

Help

  • FAQ
  • Privacy
  • Terms
Contact Us:osulivan147@qq.com

© 2026 Skill4Agent. All rights reserved.

All Skills

Total 50,523 skills, Frontend Development has 4865 skills

Categories

Showing 12 of 4865 skills

Per page
Downloads
Sort
Frontend Developmentwebflow/webflow-skills

cms-best-practices

Expert guidance on Webflow CMS architecture and best practices. Use when planning collections, setting up relationships, optimizing content structure, or troubleshooting CMS issues.

🇺🇸|EnglishTranslated
12
Frontend Developmentbobmatnyc/claude-mpm-skil...

vue

Vue 3 - Progressive JavaScript framework with Composition API, reactivity system, single-file components, Vite integration, TypeScript support

🇺🇸|EnglishTranslated
12
Frontend Developmentshipshitdev/library

accessibility

Expert in web accessibility (WCAG 2.1 AA compliance) for React/Next.js applications, ensuring all projects are usable by everyone

🇺🇸|EnglishTranslated
12
Frontend Developmentllama-farm/llamafarm

electron-skills

Electron patterns for LlamaFarm Desktop. Covers main/renderer processes, IPC, security, and packaging.

🇺🇸|EnglishTranslated
12
Frontend Developmentnoklip-io/agent-skills

three-js

This skill should be used when the user asks to "create a 3D scene", "add a mesh", "implement OrbitControls", "load a GLTF model", "add bloom post-processing", "write a custom shader", "create particle effects", "optimize Three.js performance", "use WebGPU", "add shadows", "animate a model", or mentions Three.js, threejs, WebGL, WebGPU, GLTF, raycaster, shader material, PBR material, or post-processing effects. IMPORTANT: This skill is for VANILLA Three.js (imperative JavaScript). For React Three Fiber (@react-three/fiber, R3F, drei), check the `r3f-best-practices` skill, although three-js skills helps when working with R3F since R3F is a React renderer for Three.js. Provides complete Three.js reference for 3D web graphics including scene setup, geometry, materials, textures, lighting, cameras, loaders, animation, controls, interaction, shaders, post-processing, performance optimization, TSL/node materials, WebGPU, physics, and VR/XR integration.

🇺🇸|EnglishTranslated
12
Frontend Developmentsuperdesigndev/superdesig...

superdesign

Superdesign is a design agent specialized in frontend UI/UX design. Use this skill before implementing any UI that requires design thinking. Common commands: superdesign create-project --title "X" (setup project), superdesign create-design-draft --project-id <id> --title "Current UI" -p "Faithfully reproduce..." --context-file src/Component.tsx (faithful reproduction), superdesign iterate-design-draft --draft-id <id> -p "dark theme" -p "minimal" --mode branch --context-file src/Component.tsx (design variations), superdesign execute-flow-pages --draft-id <id> --pages '[...]' --context-file src/Component.tsx (extend to more pages). Supports line ranges: --context-file path:startLine:endLine

🇺🇸|EnglishTranslated
12
Frontend Developmentpatricio0312rev/skills

jsdoc-typescript-docs

Documents TypeScript code with JSDoc comments, generates API documentation, and creates type-safe documentation. Use when users request "JSDoc", "code documentation", "API docs", "TypeDoc", or "inline documentation".

🇺🇸|EnglishTranslated
12
Frontend Developmentsergiodxa/agent-skills

frontend-accessibility-best-practices

Accessibility (a11y) best practices for React components. Use when creating UI components, forms, interactive elements, or reviewing code for accessibility compliance.

🇺🇸|EnglishTranslated
12
Frontend Developmentsyncfusion/angular-ui-com...

syncfusion-angular-calendar

Comprehensive guide for implementing the Syncfusion Angular Calendar component. Use this when working with date selection, multi-date selection, month/year/decade views, or calendar navigation in Angular applications. Covers Calendar API, events, styling, and accessibility.

🇺🇸|EnglishTranslated
12
Frontend Developmentsyncfusion/angular-ui-com...

syncfusion-angular-combobox

Learn to implement Syncfusion Angular ComboBox for single-item selection with data binding, filtering, grouping, templates, and form integration. Covers local and remote data sources, custom values, keyboard navigation, and accessibility features for building flexible dropdown experiences. Use this skill when users need to add ComboBox components to Angular applications, handle data binding scenarios, implement search/filtering, customize templates, validate forms, or ensure accessibility compliance.

🇺🇸|EnglishTranslated
12
Frontend Developmentsyncfusion/angular-ui-com...

syncfusion-angular-textbox

Master Syncfusion Angular TextBox component implementation with floating labels, validation states, adornments, and accessibility support. Guide covers setup, input features, styling, multiline handling, and form integration patterns.

🇺🇸|EnglishTranslated
12
Frontend Developmentsyncfusion/winui-ui-compo...

syncfusion-winui-busy-indicator

Guide for implementing the Syncfusion WinUI BusyIndicator control to display loading indicators and progress status. Use this skill when implementing loading indicators, showing progress status, indicating background operations, or creating waiting screens in WinUI applications. Essential for async data loading, file operations, API calls, and any scenario requiring user notification during processing tasks.

🇺🇸|EnglishTranslated
12
1...116117118119120...406
Page