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 44,514 skills, Frontend Development has 4517 skills

Categories

Showing 12 of 4517 skills

Per page
Downloads
Sort
Frontend Developmentbaidu-maps/webapi-skills

baidu-map-webapi

Baidu Maps WebAPI Development Guide. This skill should be applied when writing, reviewing, or debugging code that uses Baidu Maps WebAPI, and is also suitable for scenarios where Baidu Maps API is directly called to obtain results. It covers: map location search, POI retrieval, route planning, suggested departure time, route travel time prediction, real-time traffic conditions, administrative division query, address-coordinate conversion, traffic events along the route, weather query, intelligent recommended pick-up points, etc. It is automatically triggered when users mention departure time, navigation routes, location queries, coordinate conversion, or map-related development requirements.

🇨🇳|ChineseTranslated
3
Frontend Developmentfreshtechbro/claudedesign...

scroll-reveal-libraries

Simple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites requiring basic fade/slide effects without complex animation orchestration. Triggers on tasks involving scroll animations, scroll-triggered reveals, AOS, simple animations, or basic scroll effects. Alternative to GSAP ScrollTrigger and Locomotive Scroll for simpler use cases. Compare with motion-framer for React-specific animations.

🇺🇸|EnglishTranslated
3
2 scripts/Checked
Frontend Developmentnotedit/happy-skills

react-animation

ReactBits animations for Remotion - curated for aesthetic excellence in video production

🇺🇸|EnglishTranslated
3
Frontend Developmentwebflow/webflow-skills

webflow-code-component:troubleshoot-deploy

Debug deployment failures for Webflow Code Components. Analyzes error messages, identifies root causes, and provides specific fixes for common issues.

🇺🇸|EnglishTranslated
3
Frontend Developmentwebflow/webflow-skills

webflow-cli:cloud

Initialize, build, and deploy full-stack Webflow applications to Webflow Cloud hosting. List available templates, initialize projects with cloud init, and deploy with comprehensive validation. Use when creating or deploying Webflow Cloud applications.

🇺🇸|EnglishTranslated
3
Frontend Developmentgohypergiant/agent-skills

accelint-design-foundation

Use when styling components or elements with @accelint/design-foundation or @accelint/design-toolkit packages, or when users say "style this", "add styling", "theme this component", "add colors", "add spacing", "CSS modules", "setup design foundation", "@variant", or when working with .module.css files. Provides opinionated Tailwind conventions including semantic tokens, custom spacing scale, outline-based borders, variant system, and CSS module setup guidance.

🇺🇸|EnglishTranslated
3
Frontend Developmentvercel-labs/vercel-plugin

satori

Expert guidance for Satori — Vercel's library that converts HTML and CSS to SVG, commonly used to generate dynamic OG images for Next.js and other frameworks.

🇺🇸|EnglishTranslated
3
Frontend Developmentfcenedes/redis_sa_skills

redis-brand-ui

Apply Redis official brand guidelines to frontend UI implementations. Use this skill when building Redis-branded web interfaces, creating marketing pages, styling dashboards, or implementing any UI that must follow the Redis visual identity. Covers colors, typography, components, and dark mode.

🇺🇸|EnglishTranslated
3
Frontend Developmentmarkpitt/claude-skills

avalonia

Expert guidance for developing cross-platform desktop applications with Avalonia UI framework. Use when building, debugging, or optimizing Avalonia apps including MVVM architecture, XAML design, data binding, styling, theming, custom controls, and cross-platform deployment for Windows, macOS, Linux, iOS, Android, and WebAssembly.

🇺🇸|EnglishTranslated
3
Frontend Developmentronnycoding/.claude

webgl-expert

Expert guide for WebGL API development including 3D graphics, shaders (GLSL), rendering pipeline, textures, buffers, performance optimization, and canvas rendering. Use when working with WebGL, 3D graphics, canvas rendering, shaders, GPU programming, or when user mentions WebGL, OpenGL ES, GLSL, vertex shaders, fragment shaders, texture mapping, or 3D web graphics.

🇺🇸|EnglishTranslated
3
Frontend Developmentbase/skills

migrating-an-onchainkit-app

Migrates apps from @coinbase/onchainkit to standalone wagmi/viem components. Handles provider replacement (OnchainKitProvider to WagmiProvider), wallet component replacement (Wallet/ConnectWallet to custom WalletConnect), and transaction component replacement. Use when the user says "migrate my onchainkit", "replace onchainkit provider", "migrate my wallet component", "replace my onchainkit wallet", "migrate my transaction component", "remove onchainkit dependency", or "move off onchainkit".

🇺🇸|EnglishTranslated
3
Frontend Developmentbase/skills

convert-farcaster-miniapp-to-app

Converts Farcaster miniapp SDK projects into regular Base/web apps. Starts with an interactive quiz to choose between the default regular-app conversion and a narrowly isolated Farcaster surface when something truly needs to remain separate. Handles wagmi connectors, providers, auth, SDK actions, manifest routes, meta tags, dependencies, and read-only preservation.

🇺🇸|EnglishTranslated
3
1...249250251252253...377
Page