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 43,771 skills, Frontend Development has 4483 skills

Categories

Showing 12 of 4483 skills

Per page
Downloads
Sort
Frontend Developmentexistential-birds/beagle

tailwind-v4

Tailwind CSS v4 with CSS-first configuration and design tokens. Use when setting up Tailwind v4, defining theme variables, using OKLCH colors, or configuring dark mode. Triggers on @theme, @tailwindcss/vite, oklch, CSS variables, --color-, tailwind v4.

🇺🇸|EnglishTranslated
9
Frontend Developmentdaffy0208/ai-dev-standard...

animation-designer

Expert in web animations, transitions, and motion design using Framer Motion and CSS

🇺🇸|EnglishTranslated
9
Frontend Developmentjezweb/claude-skills

vercel-blob

Integrate Vercel Blob for file uploads and CDN-delivered assets in Next.js. Supports client-side uploads with presigned URLs and multipart transfers for large files. Use when implementing file uploads (images, PDFs, videos) or troubleshooting missing tokens, size limits, client upload failures, token expiration errors, or browser compatibility issues. Prevents 16 documented errors.

🇺🇸|EnglishTranslated
9
1 scripts/Checked
Frontend Developmentjezweb/claude-skills

vercel-kv

Integrate Redis-compatible Vercel KV for caching, session management, and rate limiting in Next.js. Powered by Upstash with strong consistency and TTL support. Use when implementing cache strategies, rate limiters, or troubleshooting environment variables, serialization errors, rate limit issues, scanIterator hangs, or Next.js cache stale reads.

🇺🇸|EnglishTranslated
9
3 scripts/Attention
Frontend Developmentjezweb/claude-skills

sveltia-cms

Set up Sveltia CMS - lightweight Git-backed CMS successor to Decap/Netlify CMS (300KB bundle, 270+ fixes). Framework-agnostic for Hugo, Jekyll, 11ty, Astro. Prevents 10 documented errors. Use when adding CMS to static sites, migrating from Decap CMS, or fixing OAuth, YAML parse, datetime timezone, GDPR font loading, or CORS/COOP errors.

🇺🇸|EnglishTranslated
9
2 scripts/Checked
Frontend Developmentassistant-ui/skills

assistant-ui

Guide for assistant-ui library - AI chat UI components. Use when asking about architecture, debugging, or understanding the codebase.

🇺🇸|EnglishTranslated
9
Frontend Developmentjeffallan/claude-skills

vue-expert

Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.

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

resource-curator

Find, evaluate, and maintain high-quality external resources for JavaScript concept documentation, including auditing for broken and outdated links

🇺🇸|EnglishTranslated
9
Frontend Developmentmrgoonie/claudekit-skills

ui-styling

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

🇺🇸|EnglishTranslated
9
4 scripts/Checked
Frontend Developmentdavila7/claude-code-templ...

mui

Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.

🇺🇸|EnglishTranslated
9
Frontend Developmentpproenca/dot-skills

emilkowal-animations

Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers on tasks involving transitions, easing, gestures, toasts, drawers, or motion.

🇺🇸|EnglishTranslated
9
Frontend Developmentmodu-ai/moai-adk

moai-framework-electron

Electron 33+ desktop app development specialist covering Main/Renderer process architecture, IPC communication, auto-update, packaging with Electron Forge and electron-builder, and security best practices. Use when building cross-platform desktop applications, implementing native OS integrations, or packaging Electron apps for distribution. [KO: Electron 데스크톱 앱, 크로스플랫폼 개발, IPC 통신] [JA: Electronデスクトップアプリ、 クロスプラットフォーム開発] [ZH: Electron桌面应用、跨平台开发]

🇺🇸|EnglishTranslated
9
1...5152535455...374
Page