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,341 skills, Frontend Development has 4855 skills

Categories

Showing 12 of 4855 skills

Per page
Downloads
Sort
Frontend Developmentassistant-ui/skills

primitives

Guide for assistant-ui UI primitives - ThreadPrimitive, ComposerPrimitive, MessagePrimitive. Use when customizing chat UI components.

🇺🇸|EnglishTranslated
15
Frontend Developmentkv0906/cc-skills

premium-frontend-design

Create award-winning, cinematic frontend interfaces that feel ALIVE. Combines 10+ years of creative frontend experience with technical excellence. Specializes in WebGL, custom shaders, premium animations, and distinctive aesthetics that would win on Awwwards. Use when building landing pages, dashboards, platforms, or any interface where "generic AI slop" is unacceptable.

🇺🇸|EnglishTranslated
15
4 scripts/Checked
Frontend Developmentteachingai/full-stack-ski...

electron

Provides comprehensive guidance for Electron framework including main process, renderer process, IPC communication, window management, and desktop app development. Use when the user asks about Electron, needs to create desktop applications, implement Electron features, or build cross-platform desktop apps.

🇺🇸|EnglishTranslated
15
Frontend Developmentenzed/r3f-skills

r3f-postprocessing

React Three Fiber post-processing - @react-three/postprocessing, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.

🇺🇸|EnglishTranslated
15
Frontend Developmentdavila7/claude-code-templ...

d3-viz

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

🇺🇸|EnglishTranslated
15
Frontend Developmentbbeierle12/skill-mcp-clau...

gsap-react

GSAP integration with React including useGSAP hook, ref handling, cleanup patterns, and context management. Use when implementing GSAP animations in React components, handling component lifecycle, or building reusable animation hooks.

🇺🇸|EnglishTranslated
15
Frontend Developmentassistant-ui/skills

cloud

Guide for assistant-cloud persistence and authorization. Use when setting up thread persistence, file uploads, or authentication.

🇺🇸|EnglishTranslated
15
Frontend Developmentvudovn/antigravity-kit

frontend-design

Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.

🇺🇸|EnglishTranslated
15
2 scripts/Checked
Frontend Developmentsrbhr/resume-matcher

nextjs15-performance

Next.js 15 critical performance fixes. Use when writing React components, data fetching, Server Actions, or optimizing bundle size.

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

frontend-accessibility

Implement WCAG compliance using semantic HTML, ARIA, keyboard navigation, and screen reader support. Use when building inclusive applications for all users.

🇺🇸|EnglishTranslated
15
Frontend Developmentjosiahsiegel/claude-plugi...

tailwindcss-fundamentals-v4

Tailwind CSS v4 fundamentals covering installation, CSS-first configuration, design systems, and 2025/2026 best practices

🇺🇸|EnglishTranslated
15
Frontend Developmentelectron/electron

electron-chromium-upgrade

Guide for performing Chromium version upgrades in the Electron project. Use when working on the roller/chromium/main branch to fix patch conflicts during `e sync --3`. Covers the patch application workflow, conflict resolution, analyzing upstream Chromium changes, and proper commit formatting for patch fixes.

🇺🇸|EnglishTranslated
15
1...3334353637...405
Page