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,637 skills, Frontend Development has 4876 skills

Categories

Showing 12 of 4876 skills

Per page
Downloads
Sort
Frontend Developmentjezweb/claude-skills

icon-design

Select semantically appropriate icons for websites using Lucide, Heroicons, or Phosphor. Covers concept-to-icon mapping, React/HTML templates, and tree-shaking patterns. Use when: building feature sections, service grids, contact info, navigation, or any UI needing icons. Prevents emoji usage, ensures consistency.

🇺🇸|EnglishTranslated
9
Frontend Developmentleonardomso/33-js-concept...

seo-review

Perform a focused SEO audit on JavaScript concept pages to maximize search visibility, featured snippet optimization, and ranking potential

🇺🇸|EnglishTranslated
9
Frontend Developmentmartinholovsky/claude-ski...

gsap

GSAP animations for JARVIS HUD transitions and effects

🇺🇸|EnglishTranslated
9
Frontend Developmentmrgoonie/claudekit-skills

threejs

Build 3D web apps with Three.js (WebGL/WebGPU). Use for 3D scenes, animations, custom shaders, PBR materials, VR/XR experiences, games, data visualizations, product configurators.

🇺🇸|EnglishTranslated
9
Frontend Developmentenzed/r3f-skills

r3f-geometry

React Three Fiber geometry - built-in shapes, BufferGeometry, instancing with Drei. Use when creating 3D shapes, custom meshes, point clouds, lines, or optimizing with instanced rendering.

🇺🇸|EnglishTranslated
9
Frontend Developmentspences10/svelte-skills-k...

svelte-runes

Svelte runes guidance. Use for reactive state, props, effects, or migration. Covers $state, $derived, $effect, $props, $bindable. Prevents reactivity mistakes.

🇺🇸|EnglishTranslated
9
Frontend Developmentaj-geddes/useful-ai-promp...

mobile-first-design

Design for mobile devices first, then scale up to larger screens. Create responsive interfaces that work seamlessly across all device sizes.

🇺🇸|EnglishTranslated
9
Frontend Developmentjezweb/claude-skills

electron-base

Build secure desktop applications with Electron 33, Vite, React, and TypeScript. Covers type-safe IPC via contextBridge, OAuth with custom protocol handlers, native module compatibility (better-sqlite3, electron-store), and electron-builder packaging. Use when building cross-platform desktop apps, implementing OAuth flows in Electron, handling main/renderer process communication, or packaging with code signing. Prevents: NODE_MODULE_VERSION mismatch, hardcoded encryption keys, context isolation bypasses, sandbox conflicts with native modules.

🇺🇸|EnglishTranslated
9
5 scripts/Attention
Frontend Developmentaj-geddes/useful-ai-promp...

bundle-size-optimization

Reduce JavaScript and CSS bundle sizes through code splitting, tree shaking, and optimization techniques. Improve load times and overall application performance.

🇺🇸|EnglishTranslated
9
Frontend Developmentalinaqi/claude-bootstrap

ui-web

Web UI - glassmorphism, Tailwind, dark mode, accessibility

🇺🇸|EnglishTranslated
9
Frontend Developmentremotion-dev/remotion

video-report

Generate a report about a video

🇺🇸|EnglishTranslated
9
Frontend Developmentmartinholovsky/claude-ski...

typescript-expert

Expert TypeScript developer specializing in type-safe application development, advanced type systems, strict mode configuration, and modern TypeScript patterns. Use when building type-safe applications, refactoring JavaScript to TypeScript, or implementing complex type definitions.

🇺🇸|EnglishTranslated
9
1...244245246247248...407
Page