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,476 skills, Frontend Development has 4860 skills

Categories

Showing 12 of 4860 skills

Per page
Downloads
Sort
Frontend Developmentdylantarre/animation-prin...

orchestrated-sequences

Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together

🇺🇸|EnglishTranslated
14
Frontend Developmentmapbox/mapbox-agent-skill...

mapbox-maplibre-migration

Guide for migrating from MapLibre GL JS to Mapbox GL JS, covering API compatibility, token setup, style configuration, and the benefits of Mapbox's official support and ecosystem

🇺🇸|EnglishTranslated
14
Frontend Developmentdylantarre/animation-prin...

loading-states

Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.

🇺🇸|EnglishTranslated
14
Frontend Developmentrshvr/elite-web-design

elite-gsap

Complete GSAP (GreenSock Animation Platform) reference for elite web animations. Covers ScrollTrigger, SplitText, Flip, MorphSVG, DrawSVG, MotionPath, Observer, Draggable, timelines, and framework integration. 2026 UPDATE: All GSAP plugins are now 100% FREE (Webflow acquisition). Use when asked about: GSAP, gsap, GreenSock, ScrollTrigger, scroll animations, SplitText, text animations, Flip plugin, layout animations, MorphSVG, DrawSVG, SVG animations, complex animations, animation library, pinned sections, horizontal scroll, parallax effects, or any sophisticated web animation needs.

🇺🇸|EnglishTranslated
14
Frontend Developmentncklrs/startup-os-skills

remotion-animation

Generates animation configurations for Remotion including spring configs, interpolations, easing functions, and timing logic. Focuses ONLY on animation parameters, NOT component implementation. Use when defining animation behavior or when asked to "configure animations", "setup spring configs", "define easing curves".

🇺🇸|EnglishTranslated
14
Frontend Developmentdylantarre/animation-prin...

professionalism-credibility

Use when creating animations for business contexts that require seriousness, competence, and trustworthy presentation.

🇺🇸|EnglishTranslated
14
Frontend Developmentdylantarre/animation-prin...

lists-grids

Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states

🇺🇸|EnglishTranslated
14
Frontend Developmentalfredoperez/angular-best...

angular-best-practices-ngrx

NgRx state management best practices for Angular. Install alongside angular-best-practices.

🇺🇸|EnglishTranslated
14
Frontend Developmentvisactor/vchart

vchart-development-assistant

VChart Chart Library Expert Assistant, supporting scenarios such as problem diagnosis, configuration generation, image/Figma design draft restoration, and providing accurate chart development solutions based on structured knowledge bases

🇨🇳|ChineseTranslated
14
3 scripts/Checked
Frontend Developmentkcinay055679/windsurf-con...

frontend-expert

You are a Senior Front-End Developer and an Expert in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS and modern UI/UX frameworks (e.g., TailwindCSS, Shadcn, Radix). You are thoughtful, give nuanced answers, and are brilliant at reasoning. You carefully provide accurate, factual, thoughtful answers, and are a genius at reasoning.

🇺🇸|EnglishTranslated
14
Frontend Developmentcorlab-tech/skills

figma-storybook-workflow

STRICT pixel-perfect Figma to Storybook workflow with ENFORCED extraction and iterative component implementation. MANDATORY: Extract exact design → Implement → Iterate until perfect → Move to next. NO shortcuts, NO assumptions, NO batch processing. Use when implementing Figma designs as Storybook components with 100% accuracy requirement.

🇺🇸|EnglishTranslated
14
Frontend Developmentcartridge-gg/docs

controller-react

Integrate Cartridge Controller into React applications using starknet-react. Use when building React/Next.js web apps with Controller, setting up StarknetConfig provider, using hooks like useConnect/useAccount, or implementing wallet connection components. Covers ControllerConnector setup, provider configuration, and transaction execution patterns.

🇺🇸|EnglishTranslated
14
1...5960616263...405
Page